jQuery学习笔记1

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

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

选择器

基础选择器：

1. #id：$('#id')

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

3. 类：$('.class')

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

   ​

层级选择器：

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

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

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

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

   ​

基本选择器：

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

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

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

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

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

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

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

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

   ​

内容选择器

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

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

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

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

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

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

   ​

属性选择器

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

子元素选择器

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

表单选择器

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