jQuery学习笔记1

jQuery的$与javascript的函数名$发生冲突

可以使用$的别名jQuery，比如alert($)改成alert(jQuery)，即 jQuery=$

选择器

基础选择器：

#id：$('#id')

元素：$('h1') $('h2,p')

类：$('.class')

星号：$('*')表所有元素

层级选择器：

所有后代（子孙孙孙），例如$('.div1 h1')

子标签$('.div1>h1')

下一个标签$('.div1+h1')

后面所有同辈标签$('.div1~h1')

基本选择器：

第一个标签$('h1:first')

最后一个标签$('h1:last')

除了…，例如$('h1:not(:first)')

偶数索引的标签$('h1:even')

奇数索引的标签$('h1:odd')

索引等于2的标签$('h1:eq(2)')

索引大于2的标签$('h1:gt(2)')

索引小于2的标签$('h1:lt(2)')

内容选择器

标题元素的标签$(':header')

当前获取焦点的元素:focus$(':focus')

文档的根元素:root$(':root')

匹配包含给定文本的元素:contains，例如$("div:contains('John')")

匹配所有不包含子元素或者文本的空元素:empty，例如$("td:empty")

匹配含有选择器所匹配的元素的元素:has，例如$("div:has(p)")

属性选择器

匹配含有给定属性的元素，例如查找所有含有id属性的div元素$("div[id]") 匹配给定的属性是某个特定值的元素，例如$("div[id='test']") 匹配所有不含有指定的属性，或者属性不等于特定值的元素，例如$("div[name!='test']") 匹配给定的属性是以某些值开始、结束、包含的元素，$("div[name^='test']")、$("div[name$='ing']")、$("div[name*='test']") 复合选择器，例如，找到所有含有id属性，并且它的name属性是以man结尾的，$("input[id] [name$='man']")

子元素选择器

第一个子元素，例如$("ul li:first-child") 同理，最后一个子元素，例如，$("ul li:last-child") 匹配第n个选择器nth-child，例如，$("ul li:nth-child(2)") 匹配父元素中唯一的子元素，例如，$("ul li:only-child")

表单选择器

匹配所有input，textarea，select和button元素，$(":input") 匹配所有的单行文本框，$(":text") 匹配所有密码框，$(":password") 匹配所有单选按钮，$(":radio") 匹配所有复选框，$(":checkbox") 匹配所有提交按钮，$(":submit") 匹配所有图像域，$(":image") 匹配所有重置按钮，$(":reset") 匹配所有按钮，$(":button") 匹配所有文件域，$(":file") 匹配所有不可见的元素，或者type为hidden的元素，$(":hidden") 匹配所有可用元素，$(":enabled") 匹配所有不可用的元素，$(":disabled") 匹配被选中的元素（不包括select中的option），$("input:checked") 匹配所有选中的option元素，$("input:selected")