-
1.$(":input") 选择所有input,textarea,select和button元素 2.$(":text") 匹配所有文本框 3.$(":password") 匹配所有密码框 4.$(":radio") 匹配所有单选按钮 5.$(":checkbox") 匹配所有复选框 6.$(":submit") 匹配所有提交按钮 7.$(":image") 匹配所有图像域 8.$(":reset") 匹配所有重置按钮 9.$(":button") 匹配所有按钮 10.$(":file") 匹配所有文件域 注意事项： 除了input筛选选择器，几乎每个表单类别筛选器都对应一个input元素的type值。大部分表单类别筛选器可以使用属性筛选器替换。比如 $(':password') == $('[type=password]')查看全部
-
this，表示当前的上下文对象是一个html对象，可以调用html对象所拥有的属性和方法。 $(this),代表的上下文对象是一个jquery的上下文对象，可以调用jQuery的方法和属性值。 $('p').click(function(){ //把p元素转化成jQuery的对象 var $this= $(this) $this.css('color','red') })查看全部
-
$(":fist-chill"）选择所有父级元素下的第一个子元素 $(":last-child") 选择所有父级下的最后一个子元素 $(":only-child") 如果某个元素是其父元素的唯一子元素，那么它就会被选中 $(":nth-child") 所有父级下第n个子元素(n从1开始) $(":nth-last-child")所有父级下倒数第n个子元素(n从1开始) 注意事项： :first只匹配一个单独的元素，但是:first-child选择器可以匹配多个：即为每个父级元素匹配第一个子元素。这相当于:nth-child(1) :last 只匹配一个单独的元素， :last-child 选择器可以匹配多个元素：即，为每个父级元素匹配最后一个子元素 如果子元素只有一个的话，:first-child与:last-child是同一个 :only-child匹配某个元素是父元素中唯一的子元素，就是说当前子元素是父元素中唯一的元素，则匹配 jQuery实现:nth-child(n)是严格来自CSS规范，所以n值是“索引”，也就是说，从1开始计数，:nth-child(index)从1开始的，而eq(index)是从0开始的 nth-child(n) 与 :nth-last-child(n) 的区别前者是从前往后计算，后者从后往前计算查看全部
-
1.$(":enabled") 选取可用表单元素 2.$(":disabled") 选取不可用表单元素 3.$(":checked") 选取被选中的 <input> 元素 4.$(":selected") 选取被选中的 <option>元素 注意事项： 1.选择器适用于复选框和单选框，对于下拉框元素, 使用 :selected 选择器 2.在某些浏览器中，选择器:checked可能会错误选取到<option>元素，所以保险起见换用选择器input:checked，确保只会选取<input>元素查看全部
-
(1)$("div[name=p1]")选择div元素中name属性是p1的元素 (2)$("div[name]")选择div元素中所有具有name属性的元素 (3)$("div[name|=a]")选择div元素中name属性的值只包含一个连字符a或以a为前缀且以"-"为分隔的元素（如：name="a-bcd"） (4)$("div[name~=a]")选择div元素中name属性的值包含字符串a且以空格分隔 元素（如：name="a b"） (5)$("div[name^=ab]")选择div元素中name属性的值是以字符串ab开头的元素 (6)$("div[name$=ab]")选择div元素中name属性的值是以字符串ab结尾的元素 (7)$("div[name*=ab]")选择div元素中name属性的值包含字符串ab的元素 (8)$("div[name!=ab]")选择div元素中name属性的值不等于字符串ab或者没有name属性的元素查看全部
-
1.$(":input") 选择所有input,textarea,select和button元素 2.$(":text") 匹配所有文本框 3.$(":password") 匹配所有密码框 4.$(":radio") 匹配所有单选按钮 5.$(":checkbox") 匹配所有复选框 6.$(":submit") 匹配所有提交按钮 7.$(":image") 匹配所有图像域 8.$(":reset") 匹配所有重置按钮 9.$(":button") 匹配所有按钮 10.$(":file") 匹配所有文件域 注意事项： 除了input筛选选择器，几乎每个表单类别筛选器都对应一个input元素的type值。大部分表单类别筛选器可以使用属性筛选器替换。比如 $(':password') == $('[type=password]')查看全部
-
jQuery选择器之可见性筛选选择器 1、元素有显示状态与隐藏状态，jQuery根据元素的状态扩展了可见性筛选选择器:visible与:hidden 2、:hidden选择器，不仅仅包含样式是display="none"的元素，还包括隐藏表单、visibility等等 3、我们有几种方式可以隐藏一个元素： CSS display的值是none。 type="hidden"的表单元素。 宽度和高度都显式设置为0。 一个祖先元素是隐藏的，该元素是不会在页面上显示 CSS visibility的值是hidden CSS opacity的指是0 4、如果元素中占据文档中一定的空间,元素被认为是可见的。 可见元素的宽度或高度，是大于零。 元素的visibility: hidden 或 opacity: 0被认为是可见的，因为他们仍然占用空间布局。 5、不在文档中的元素是被认为是不可见的。 1：无论是visibility:hidden 还是opacity:0 , 在页面上都有具体的位置,也就是说他们都有自己的大小,只不过一个的透明度为0,另一个没有在页面上显示 这就像一个透明的盒子,他放在页面上,是实实在在存在的,只不过你看不见,但是你可以"摸到",因为其他的盒模型无法占据他的空间 2：如果元素不在文档流，肯定是不可见的； 如果在文档流，就能够被jq识别，但这样都是肉眼不可见而已（上述六种方法）； 六种方法中，其中设置透明度属性为0，visibility属性为hidden，仍然占据文档空间，只不过让我们看不到了而已，所以在jq中认为是被筛选成：visible；那么其他4种方法，则在文档中不占据空间，被jq认为应该筛选为：hidden 3：做下来结果就是：display:none->hidden;width:0 height:0->hidden;visibility:hidden opacity:0->visible visibility: hidden 表示元素被隐藏 opacity: 0表示元素被完全透明了，这两种方法只是让我们表面看不见元素而元素实际上还占据空间，故jqr认为是可见的。而设置宽，长为0，元素没有宽和长，所以不占据空间的。display为none 隐藏元素并脱离文档流.查看全部
-
$(".first-div a:first-child"); $('.first-div a:last-child'); $('.last-div a:nth-child(2)'); $('.last-div a:nth-last-child(2)'); 注意事项： 1.:first只匹配一个单独的元素，但是:first-child选择器可以匹配多个：即为每个父级元素匹配第一个子元素。这相当于:nth-child(1) 2.:last 只匹配一个单独的元素， :last-child 选择器可以匹配多个元素：即，为每个父级元素匹配最后一个子元素 3.如果子元素只有一个的话，:first-child与:last-child是同一个 4. :only-child匹配某个元素是父元素中唯一的子元素，就是说当前子元素是父元素中唯一的元素，则匹配 5.jQuery实现:nth-child(n)是严格来自CSS规范，所以n值是“索引”，也就是说，从1开始计数，:nth-child(index)从1开始的，而eq(index)是从0开始的 6.nth-child(n) 与 :nth-last-child(n) 的区别前者是从前往后计算，后者从后往前计算查看全部
-
jQuery选择器之内容筛选选择器 $(":contains(text)")：选择所有包含指定文本的元素。 $(":has(selector)"):选择元素中至少包含指定选择器的元素。 $(":parent:")：选择所有含有子元素或者文本的元素。 $(":empty")：选择所有没有子元素的元素（包含文本节点）。查看全部
-
id是唯一的，每个id值在一个页面中只能使用一次。如果多个元素分配了相同的id，将只匹配该id选择集合的第一个DOM元素。但这种行为不应该发生;有超过一个元素的页面使用相同的id是无效的查看全部
-
jQuery选择器--基本筛选选择器 $(":first")：匹配第一个元素 $(":last")：匹配最后一个元素 $(":not(selector)")：selector是给定的选择器（筛选的条件），所有不符合这个选择器的，将被选中。 $(":eq(index)")：在匹配的集合中选择索引值为index的元素。 $(":gt(index)")：选择匹配集合中，所有大于给定index(索引值)的元素。 $(":it(index)")：选择匹配集合中，所有小于给定index的元素。 $(":even")：选择索引值为偶数的元素，从0开始计数。 $(":odd")：选择索引值为奇数的元素，从0开始计数。 $(":header")：选择所有标题元素，像h1,h2,h3等。 $(":lang(language)")：选择指定语言的所有元素。 $(":root")：选择该文档的根元素。 $(":animated")：选择所有正在执行动画效果的元素。查看全部
-
(1)$("div[name=p1]")选择div元素中name属性是p1的元素 (2)$("div[name]")选择div元素中所有具有name属性的元素 (3)$("div[name|=a]")选择div元素中name属性的值只包含一个连字符a或以a为前缀且以"-"为分隔的元素（如：name="a-bcd"） (4)$("div[name~=a]")选择div元素中name属性的值包含字符串a且以空格分隔元素（如：name="a b"） (5)$("div[name^=ab]")选择div元素中name属性的值是以字符串ab开头的元素 (6)$("div[name$=ab]")选择div元素中name属性的值是以字符串ab结尾的元素 (7)$("div[name*=ab]")选择div元素中name属性的值包含字符串ab的元素 (8)$("div[name!=ab]")选择div元素中name属性的值不等于字符串ab或者没有name属性的元素查看全部
-
jQuery选择器之可见性筛选选择器 1、元素有显示状态与隐藏状态，jQuery根据元素的状态扩展了可见性筛选选择器:visible与:hidden 2、:hidden选择器，不仅仅包含样式是display="none"的元素，还包括隐藏表单、visibility等等 3、我们有几种方式可以隐藏一个元素： CSS display的值是none。 type="hidden"的表单元素。 宽度和高度都显式设置为0。 一个祖先元素是隐藏的，该元素是不会在页面上显示 CSS visibility的值是hidden CSS opacity的指是0 4、如果元素中占据文档中一定的空间,元素被认为是可见的。 可见元素的宽度或高度，是大于零。 元素的visibility: hidden 或 opacity: 0被认为是可见的，因为他们仍然占用空间布局。 5、不在文档中的元素是被认为是不可见的，如果当他们被插入到文档中，jQuery没有办法知道他们是否是可见的，因为元素可见性依赖于适用的样式查看全部
-
1、$( "parent > child" ) 子选择器：选择所有指定“parent”元素中指定的"child"的直接子元素。 2、$("ancestor descendant") 后代选择器：选择给定的祖先元素的所有后代元素, 一个元素的后代可能是该元素的一个孩子，孙子，曾孙等 3、$("prev + next") 相邻兄弟选择器：选择所有紧接在“prev”元素后的“next”元素 4、$("prev ~ siblings") 一般兄弟选择器：匹配“prev”元素之后的所有 兄弟元素。具有相同的父元素，并匹配过滤“siblings”选择器查看全部
-
jQuery选择器之层级选择器 选择器中的层级选择器就是用来处理这种关系: 子元素 后代元素 兄弟元素 相邻元素查看全部
举报
0/150
提交
取消