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")