-
现有一个表格,如果想要jQuery的方法直接匹配所有行数为偶数的,用________实现,奇数的用_______实现。 even:选择索引值为偶数的元素,从 0 开始计数 odd: 选择索引值为奇数的元素,从 0 开始计数查看全部
-
jQuery属性筛选选择器 属性选择器让你可以基于属性来定位一个元素。可以只指定属性定位所有使用该属性的元素,而不管它的值,也可以更加明确定位在这些属性上使用特定值的元素。 $(“[attribute|=’value’]”)——选择指定属性值等于给定字符串或以该字符串为前缀(该字符串后跟一个连字符“-”)的元素。 $(“[attribute*=’value’]”)——选择指定属性包含一个给定子字符串的元素(选择给定的属性是以包含某些值得元素)。 $(“[attribute~=’value’]”)——选择指定属性用空格分隔的值中包含一个给定值的元素。 $(“[attribute=’value’]”)——选择指定属性是给定值的元素。 $(“[attribute!=’value’]”)——选择不存在指定属性,或者指定的属性值不等于给定值的元素。 $(“[attribute^=’value’]”)——选择指定属性是以给定字符串开始的元素。 $(“[attribute$=’value’]”)——选择指定属性是以给定值结尾的元素,这个比较是区分大小写的。 $(“[attribute]”)——选择所有具有指定属性的元素,该属性值可以是任何值。 $(“[attributeFilter1][ attributeFilterN]”)——选择匹配所有指定的属性筛选器的元素。查看全部
-
jQuery选择器之表单对象属性筛选选择器 $(":enabled"):选取可用的表单元素 $(":disabled"):选取不可用的表单元素 $(":checked"):选取被选中的<input>元素 $(":selected"): 选取被选中的<option>元素查看全部
-
jQuery选择器之表单元素选择器 1.$(":input") 选择所有input,testarea,select和button元素; 2.$(":text") 匹配所有文本框; 3.$(":password") 匹配所有密码框; 4.$(":radio") 匹配所有单选按钮; 5.$(":checkbox") 匹配所有复选框; 6.$(":submit") 匹配所有提交按钮; 7.$(":image") 匹配所有图像域; 8.$(":reset") 匹配所有重置按钮; 9.$("button") 匹配所有按钮; 10.$("file") 匹配所有文件域;查看全部
-
1.:nth-child(index)从1开始的,而eq(index)是从0开始的 2.nth-child(n) 与 :nth-last-child(n) 的区别前者是从前往后计算,后者从后往前计算查看全部
-
jQuery可见性筛选选择器 元素有显示状态与隐藏状态,jQuery根据元素的状态扩展了可见性筛选选择器:visible与:hidden $(":visible")——选择所有显示的元素。 $(":hidden")——选择所有隐藏的元素。 :hidden选择器,不仅仅包含样式是display="none"的元素,还包括隐藏表单、visibility等等 我们有几种方式可以隐藏一个元素: 1 CSS display的值是none。 2 type="hidden"的表单元素。 3 宽度和高度都显式设置为0。 4 一个祖先元素是隐藏的,该元素是不会在页面上显示 5 CSS visibility的值是hidden 6 CSS opacity的指是0 如果元素占据文档中一定的空间,元素被认为是可见的。 可见元素的宽度或高度,是大于零。 元素的visibility: hidden 或 opacity: 0被认为是可见的,因为他们仍然占用空间布局。 不在文档中的元素是被认为是不可见的,如果当他们被插入到文档中,jQuery没有办法知道他们是否是可见的,因为元素可见性依赖于适用的样式。查看全部
-
jQuery选择器之属性筛选选择器 属性选择器让你可以基于属性来定位一个元素。可以只指定该元素的某个属性,这样所有使用该属性而不管它的值,这个元素都将被定位,也可以更加明确并定位在这些属性上使用特定值的元素,这就是属性选择器展示它们的威力的地方。 描述如下: 1.$("selector[attribute|='value']");如$("div[name='-']");选择器指定属性值等于给定字符里或宜该字符里为前缀(该字符后跟一连字符‘-’)的元素); 2.$("selector[attribute*='value']"),如$("div[name*='a']");选择器指定属性中有给定的字符串的元素; 3.$("selector[attribute~=‘value’]"),如$("div[name~='a b']");选择器指定属性中用空格分隔的值包含一个空格的元素; 4.$("selector[attribute='value']");如$("input[type='text']").选择器指定属性中的值与改value值相等的元素; 5.$("selector[attribute!='value']");如$("input[checked!='checked']")选择器指定属性中的值不存在的元素; 6.$("selector[attribute^='value']");如$("div[class^='1']");选择器中以指定属性中的值为开头的值的元素;匹配以1为开头的class的div的元素 7.$("selector[attribute$='value']");如$("div[class$="0"]");选择器中以指定属性中的值为结尾的值的元素,匹配以0为结尾的class名的div元素; 浏览器支持: [att=val]、[att]、[att|=val]、[att~=val] 属于CSS 2.1规范 [ns|attr]、[att^=val]、[att*=val]、[att$=val] 属于CSS3规范 [name!="value"] 属于jQuery 扩展的选择器查看全部
-
jQuery内容筛选选择器 $(":contains(text)")——选择所有包含指定文本的元素。 $(":parent")——选择所有含有子元素或者文本的元素。 $(":empty")——选择所有没有子元素的元素(包含文本节点)。 $(":has(selector)")——选择元素中至少包含指定选择器的元素。 注意事项: 1 :contains与:has都有查找的意思,但是contains查找包含“指定文本”的元素,has查找包含“指定元素”的元素 2 如果:contains匹配的文本包含在元素的子元素中,同样认为是符合条件的。 3 :parent与:empty是相反的,两者所涉及的子元素,包括文本节点查看全部
-
我们有几种方式可以隐藏一个元素: CSS display的值是none。 type="hidden"的表单元素。 宽度和高度都显式设置为0。 一个祖先元素是隐藏的,该元素是不会在页面上显示 CSS visibility的值是hidden CSS opacity的指是0 如果元素中占据文档中一定的空间,元素被认为是可见的。 可见元素的宽度或高度,是大于零。 元素的visibility: hidden 或 opacity: 0被认为是可见的,因为他们仍然占用空间布局。查看全部
-
//选中所有紧接着没有checked属性的input元素后的p元素,赋予颜色 $("input:not(:checked) + p").css("background-color", "#CD00CD");查看全部
-
.html(),.text(),.val()三种方法都是用来读取选定元素的内容;只不过.html()是用来读取元素的html内容(包括html标签),.text()用来读取元素的纯文本内容,包括其后代元素,.val()是用来读取表单元素的"value"值。其中.html()和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上;另外.html()方法使用在多个元素上时,只读取第一个元素;.val()方法和.html()相同,如果其应用在多个元素上时,只能读取第一个表单元素的"value"值,但是.text()和他们不一样,如果.text()应用在多个元素上时,将会读取所有选中元素的文本内容。 .html(htmlString),.text(textString)和.val(value)三种方法都是用来替换选中元素的内容,如果三个方法同时运用在多个元素上时,那么将会替换所有选中元素的内容。 .html(),.text(),.val()都可以使用回调函数的返回值来动态的改变多个元素的内容。查看全部
-
CSS伪元素 :first-letter——向文本的第一个字母添加特殊样式。 :first-line——向文本的首行添加特殊样式。 :before——在元素之前添加内容。 :after——在元素之后添加内容。 jQuery基本筛选选择器 筛选选择器很多都不是CSS的规范,而是jQuery自己为了开发者的便利延展出来的选择器 筛选选择器的用法与CSS中的伪元素相似,选择器用冒号":"开头。 $(":first")——匹配第一个元素 $(":last")——匹配最后一个元素 $(":not(selector)")——一个用来过滤的选择器,选择所有元素去除不匹配给定选择器的元素。 $(":eq(index)")——在匹配的集合中选择索引值为index的元素。 $(":gt(index)")——选择匹配集合中所有索引值大于给定index的元素。 $(":lt(index)")——选择匹配集合中所有索引值小于给定index的元素。 $(":even")——选择索引值为偶数的元素,从0开始计数。 $(":odd")——选择索引值为奇数的元素,从0开始计数。 $(":header")——选择所有标题元素,如h1, h2, h3等。 $(":lang(language)")——选择指定语言的所有元素。 $(":root")——选择该文档的根元素。 $(":animated")——选择所有正在执行动画效果的元素。 注意: 1 :eq(), :lt(), :gt(), :even, :odd 用来筛选他们前面的匹配表达式的集合元素,根据之前匹配的元素在进一步筛选,注意jQuery合集都是从0开始索引 2 gt是一个段落筛选,从指定索引的下一个开始,gt(1) 实际从2开始查看全部
-
相同点: 获取匹配到的元素的内容 $("p").text(); 给获取到的元素更改内容 $("p").html("更改后的p标签"); 不同点一: html()在获取元素内容时,如果选择器匹配多于一个的元素,那么只有第一个匹配元素的 HTML 内容会被获取。 text()在获取元素内容时,结果是由所有匹配元素包含的文本内容组合起来的文本 不同点二: html()在获取内容时,会将其中的其他标签也读取出来 text()在获取内容时,会忽略其中的标签 不同点三: html()在更改内容时,可以加入标签 text()更改的全是内容查看全部
-
获取Attribute就需要用attr,获取Property就需要用prop查看全部
-
$( "parent > child" ) 子选择器:选择所有指定“parent”元素中指定的"child"的直接子元素。 $("ancestor descendant") 后代选择器:选择给定的祖先元素的所有后代元素, 一个元素的后代可能是该元素的一个孩子,孙子,曾孙等 $("prev + next") 相邻兄弟选择器:选择所有紧接在“prev”元素后的“next”元素 $("prev ~ siblings") 一般兄弟选择器:匹配“prev”元素之后的所有 兄弟元素。具有相同的父元素,并匹配过滤“siblings”选择器 $( "parent > child" ) 子选择器:选择所有指定“parent”元素中指定的"child"的直接子元素。 $("ancestor descendant") 后代选择器:选择给定的祖先元素的所有后代元素, 一个元素的后代可能是该元素的一个孩子,孙子,曾孙等 $("prev + next") 相邻兄弟选择器:选择所有紧接在“prev”元素后的“next”元素 $("prev ~ siblings") 一般兄弟选择器:匹配“prev”元素之后的所有 兄弟元素。具有相同的父元素,并匹配过滤“siblings”选择器查看全部
举报
0/150
提交
取消