JQuery简单入门

1.Jquery它是一个库(框架)，要想使用它，必须先引入！

jquery-1.8.3.js：一般用于学习阶段。

jquery-1.8.3.min.js：用于项目使用阶段

 

2.helloworld

$(function(){
    alert("helloworld");
});

 

3.选择器

　　1.基本选择器

　　　　id选择器：$("#id名称")

　　　　元素选择器：$("元素名称")

　　　　类选择器：$(".类名")

　　　　通配符：*

　　　　多个选择器公用则用空格

　　2.层级选择器

　　　　祖选择：中间逗号隔开

　　　　孩子选择器：中间>隔开

　　　　next选择器：中间用+隔开

　　　　兄弟选择（匹配所有的sibling元素）：中间用~隔开

　　4.基本过滤器

　　　　$('li').first() 等价于：$(“li:first”)

　　　　基本过滤器：first,last,not,even,odd,eq...

　　　　内容:contains,empty,has,parent

　　　　可见性：hidden,visible

　　5.属性选择器

　　　　属性

　　　　[attribute]

　　　　[attribute=value]

　　　　[attribute!=value]

　　　　[attribute^=value]以...开头

　　　　[attribute$=value]以...结尾

　　　　[attribute*=value]包含...文本

　　　　[attrsel1][attrsel2][attrselN]多重选择

　　6.表单选择器

　　　　表单的控件名，表单属性

　　　　举例$(":控件名")

　　　　属性$("控件名:属性")

　　案例:表格隔行换色，表单的全选与全不选，省市二级联动