jQuery学习笔记（1.0）

1.jQuery实现DOM元素加载完毕再执行js代码

$(function(){

        $('div').hide();  //对div进行隐藏

})

2.jQuery入口函数：

$(function(){

alert(11)

})

或者$换成jQuery

jQuery(function(){

alert(11)

})

3.$是jQuery的别称，是jQuery的顶级对象

4.用原生js获取的对象就是Dom对象

5.用jQuery获取元素就是jQuery对象：$('div')

6.jQuery对象本质是：利用$对Dom对象进行包装，形成一个伪数组

7.jQuery和Dom对象不能混用语法

8.Dom对象与jQuery对象可以相互转换，因为原生js比jQuery更大，原生的一些属性和方法jQuery没有给我们封装，要向使用这些属性和方法需要把jQuery对象转换为Dom对象才能使用。

9.Dom-->jQuery   $(Dom对象)

10.jQuery-->Dom   $('div')[index] 或$('div').get(index)

11.jQueryAPI：

11.1 jQuery选择器：$("选择器")

ID选择器：$("#id")

通配符选择器：$("*")

类选择器:$(".class")

...

12.jQuery修改样式：$("div").css('属性','值')

13.隐式迭代：把匹配的所有元素内部进行遍历循环，给每一个元素添加css这个方法

$("div").css('color','red')

14.jQuer筛选选择器

$(function(){

        $("ul li:first").css("color","red")})   //选择ul下的第一个li进行属性设置

$(function(){

        $("ul li:eq(2)").css("color","blue")})//选择索引为2的li进行属性设置

$(function(){

        $("ul li:odd").css("color","blue")})//选择索引号为奇数的li进行属性设置。odd为奇数，even是偶数。

15.parent():查找父级  //查找最近一级的父级元素

16.children（"li"）//类似于>  ，选择直系的子代选择器

17.find("li")  //类似于后代选择器，查找后代所有li节点