cg_Amaz1ng的博客通过本文主要向大家介绍了jquery等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com
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")