jQuery

Posted 2020-11-01 Autumn の Box

效果：

　　hide()  隐藏

　　show()  显示

　　fadeIn()  淡入

　　fadeOut()  淡出

　　slideUp()  向上收

　　slideDown()  向下展

事件：

　　bind("事件类型1 事件类型2",fn)  绑定一个或多个事件

　　on("事件类型1 事件类型2",fn)  绑定一个或多个事件

　　click(fn)  点击

　　mouseover(fn)  鼠标经过

　　mouseout(fn)  鼠标离开

　　hover(fn, fn)  鼠标经过离开切换

　　toggle(fn, fn)  点击切换

语法：

　　<script>

　　　　$("谁").干什么;

　　</script>

　　<script>

　　　　$(function(){

　　　　　　$(".aBtn").click(function(){

　　　　　　　　$(".box").hide(1000);

　　　　　　});

　　　　});

　　</script>

　　index方法：index()可以由代码帮你找当前对象的顺序号

　　　　var n=$("div").index($(this));

　　$("div a").eq(0).hide();  eq()---指定第几个

　　　　children("")  子级

　　　　parent("")  父级

　　　　siblings("")  同辈

　　　　next("")  下一个

　　　　prev("")  上一个

控制标签值、修饰、属性

　　var value=$("").val();

　　$("div a,div p").css("color","red");

　　$("#img01").attr("src","./images/01.png");

　　$("#checked").prop("checked",true);