-
id是唯一的，每个id值在一个页面中只能使用一次。如果多个元素分配了相同的id，将只匹配该id选择集合的第一个DOM元素。查看全部
-
jQuery的属性与样式之.val() jQuery中有一个.val()方法主要是用于处理表单元素的值，比如 input, select 和 textarea。 .val()方法 .val()无参数，获取匹配的元素集合中第一个元素的当前值 .val( value )，设置匹配的元素集合中每个元素的值 .val( function ) ，一个用来返回设置值的函数 注意事项： 通过.val()处理select元素， 当没有选择项被选中，它返回null .val()方法多用来设置表单的字段的值 如果select元素有multiple（多选）属性，并且至少一个选择项被选中， .val()方法返回一个数组，这个数组包含每个选中选择项的值 .html(),.text()和.val()的差异总结： .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()都可以使用回调函数的返回值来动态的改变多个元素的内容。查看全部
-
通过jQuery方法包装后的对象，是一个类数组对象。它与DOM对象完全不同，唯一相似的是它们都能操作DOM。 通过jQuery处理DOM的操作，可以让开发者更专注业务逻辑的开发，而不需要我们具体知道哪个DOM节点有那些方法，也不需要关心不同浏览器的兼容性问题，我们通过jQuery提供的API进行开发，代码也会更加精短。查看全部
-
$( "parent > child" ) 子选择器：选择所有指定“parent”元素中指定的"child"的直接子元素。 $("ancestor descendant") 后代选择器：选择给定的祖先元素的所有后代元素, 一个元素的后代可能是该元素的一个孩子，孙子，曾孙等 $("prev + next") 相邻兄弟选择器：选择所有紧接在“prev”元素后的“next”元素 $("prev ~ siblings") 一般兄弟选择器：匹配“prev”元素之后的所有 兄弟元素。具有相同的父元素，并匹配过滤“siblings”选择器查看全部
-
属性选择器 [attr="value"]能帮我们定位不同类型的元素，特别是表单form元素的操作，比如说input[type="text"],input[type="checkbox"]等 [attr*="value"]能在网站中帮助我们匹配不同类型的文件 |= 选取属性带有连字符“-”的元素 eg. 获取<div name="a-b"> 方法$('div[name|="a"]'); ~= 含空 eg. <div name="a b"> //查找所有div中，有属性name中的值包含一个连字符“空”的div元素 $('div[name~="a"]').css("border", "3px groove #668B8B"); ^= 开头 eg. <div name='imooc-aaorn'> $('div[name^=imooc]' $= 结尾 eg. <div name='aaorn-imooc'> $('div[name$=imooc]' *= 包含 eg. <script type="text/javascript"> //查找所有div中，有属性name中的值包含一个test字符串的div元素 $('div[name*="test"]').css("border", "3px groove #00FF00"); </script> != 不包含 Eg. <script type="text/javascript"> //查找所有div中，有属性testattr中的值没有包含"true"的div $('div[testattr!="true"]').css("border", "3px groove #668B8B"); </script> ps. name属性：只有设置了 name 属性的表单元素才能在提交表单时传递它们的值。查看全部
-
$('div[name=p1]') div中name=p1的元素 $('div[p2]') div中有属性值为p2的元素 $('div[name|=-]') div中name值前缀且以“-”分割的元素 $('div[name~=a]') div中name值为用空格分隔的以且包含a的属性 $('div[name^=imooc]')div中name值以imooc开头的元素 $('div[name$=imooc]')div中name值以imooc结尾的元素 $('div[name*=test]')div中name值包含test的元素 $('div[testattr!=true]')查看全部
-
contains包含文本 has包含元素查看全部
-
$('.prev~div')div兄弟节点其余的也许也是兄弟节点但不是div不能选查看全部
-
jQuery的属性与样式之html()及.text() 读取、修改元素的html结构或者元素的文本内容是常见的DOM操作，jQuery针对这样的处理提供了2个便捷的方法.html()与.text() .html()方法 获取集合中第一个匹配元素的HTML内容 或 设置每一个匹配元素的html内容，具体有3种用法： .html() 不传入值，就是获取集合中第一个匹配元素的HTML内容 .html( htmlString ) 设置每一个匹配元素的html内容 .html( function(index, oldhtml) ) 用来返回设置HTML内容的一个函数 注意事项： .html()方法内部使用的是DOM的innerHTML属性来处理的，所以在设置与获取上需要注意的一个最重要的问题，这个操作是针对整个HTML内容（不仅仅只是文本内容） .text()方法 得到匹配元素集合中每个元素的文本内容结合，包括他们的后代，或设置匹配元素集合中每个元素的文本内容为指定的文本内容。，具体有3种用法： .text() 得到匹配元素集合中每个元素的合并文本，包括他们的后代 .text( textString ) 用于设置匹配元素内容的文本 .text( function(index, text) ) 用来返回设置文本内容的一个函数 注意事项： .text()结果返回一个字符串，包含所有匹配元素的合并文本 .html与.text的异同: .html与.text的方法操作是一样，只是在具体针对处理对象不同 .html处理的是元素内容，.text处理的是文本内容 .html只能使用在HTML文档中，.text 在XML 和 HTML 文档中都能使用 如果处理的对象只有一个子文本节点，那么html处理的结果与text是一样的 火狐不支持innerText属性，用了类似的textContent属性，.text()方法综合了2个属性的支持，所以可以兼容所有浏览器查看全部
-
this，表示当前的上下文对象是一个html对象，可以调用html对象所拥有的属性和方法。 $(this),代表的上下文对象是一个jquery的上下文对象，可以调用jQuery的方法和属性值。查看全部
-
先输这个 show( $("#div1") ) ，结合题目，意思就是，输出id为div1的元素（其实用数组比较合适）的长度，跑出来自然为 元素的长度的=1； 再输 show( $("#div1:visible") ) ，结合题目，意思就是，输出id为div1的且显示的元素（数组）的长度，当div1的样式设置为display:none;width:0;height:0，jq认为是不显示的，所以，没有id为div1的且显示的元素，所以元素(数组)的长度为0，跑出来自然为 元素的长度的=0；其他属性可以类推，我觉得好多人没看懂题目，^_^查看全部
-
$(":visible")选择所有显示的元素；$(":hidden")选择所有隐藏的元素。 :hidden选择器，不仅仅包含样式是display="none"的元素，还包括隐藏表单、visibility等等 不在文档中的元素是被认为是不可见的，如果当他们被插入到文档中，jQuery没有办法知道他们是否是可见的，因为元素可见性依赖于适用的样式查看全部
-
$(":contains(text)") 选择所有包含指定文本的元素；$(":parent")选择所有含有子元素或者文本的元素；$(":empty")选择所有没有子元素的元素（包含文本节点）；$(":has(selector)")选择元素中至少包含指定选择器的元素。 :contains与:has都有查找的意思，但是contains查找包含“指定文本”的元素，has查找包含“指定元素”的元素 如果:contains匹配的文本包含在元素的子元素中，同样认为是符合条件的。 :parent与:empty是相反的，两者所涉及的子元素，包括文本节点查看全部
-
$(":first") 匹配第一个元素；$(":last") 匹配最后一个元素；$(":not(selecttor)") 一个用来过滤的选择器，选择所有元素去除不匹配给定的选择器元素； $(":eq(index)") 在匹配的集合中选择索引值为index的元素；$(":gt(index)") 选择匹配集合中所有大于给定index（索引值）的元素； $(":even") 选择索引值为偶数的元素，从0开始计数； $(":odd") 选择索引值为奇数的元素，从0开始计数； $(":lt(index)") 选择匹配集合中所有索引值小于给定index参数的元素； $(":header") 选择所有标题元素，像h1/h2等；$(":lang(language)") 选择指定语言的所有元素；$(":root") 选择该文档的根元素；$(":animated") 选择所有正在执行动画效果的元素。 :eq(), :lt(), :gt(), :even, :odd 用来筛选他们前面的匹配表达式的集合元素，根据之前匹配的元素在进一步筛选，注意jQuery合集都是从0开始索引 gt是一个段落筛选，从指定索引的下一个开始，gt(1) 实际从2开始查看全部
举报
0/150
提交
取消