-
$(":enabled") 选取可用的表单元素 $(":disabled") 选取不可用的表单元素 $(":checked") 选取被选中的 <input> 元素 $(":selected") 选取被选中的 <input> 元素查看全部
-
$(":input") 选择所有input,textarea,select和button元素 $(":text") 匹配所有文本框 $(":password") 匹配所有密码框 $(":radio") 匹配所有单选按钮 $(":checkbox") 匹配所有复选框 $(":submit") 匹配所有提交按钮 $(":image") 匹配所有图像域 $(":reset") 匹配所有重置按钮 $(":button") 匹配所有按钮 $(":file") 匹配所有文件域查看全部
-
$(":first-child") 选择所有父级元素下的第一个子元素 $(":last-child") 选择所有父级元素下的最后一个子元素 $(":only-child") 如果某个元素是其父元素的唯一子元素，那么它就会被选中 $(":nth-child") 选择的他们所有父元素的第 n 个子元素 $(":nth-lath-child") 选择所有他们父元素的第 n 个子元素。计数从最后一个元素开始到第一个查看全部
-
$(":first") 匹配第一个元素 $(":last") 匹配最后一个元素 $(":eq(index)") 在匹配的集合中选择索引值为 index 的元素 $(":lt(index)") 选择匹配集合中所有小于给定 index （索引值）的元素 $(":gt(index)") 选择匹配集合中所有大于给定 index （索引值）的元素 $(":even") 选择索引值为偶数的元素，从 0 开始计数 $(":odd") 选择索引值为奇数的元素，从 0 开始计数 $(":header") 选择所有标题元素，像 H1 、 H2 、 H3 等 $(":animated") 选择所有正在执行动画效果的元素 $(":lang(language)") 选择指定语言的所有元素 $(":root") 选择该文档的根元素 $(":not(selector)") 一个用来过滤的选择器，选择所有元素去除不匹配给定的选择器元素查看全部
-
> （大于号）紧跟父子关系 如$("div > p")表示选择div下的直接层是p的节点。 + （加号） 紧跟兄弟关系 如$("div + p")表示选择div同层的左右相邻的p节点。 ~ （波浪线）任意距离兄弟关系 如$("div + p")表示选择div同层的p节点。 (空格) 任意层父子关系 如$("div p")表示选择div下的p节点（不管中间隔多少层）。 ,(逗号) 表示选择器组合，如$("div p, span p")表示div下p节点和span下p节点查看全部
-
内容筛选选择器基于的对象： .div 是class="div"的类选择器 #div 是id="div"的id选择器 a，p,span,h是html中的标签元素 /*********************************/ $(":contains(text)")的text指定的是文本内容 $(":has(selector)")的selector指定的是选择器或者是元素标签 $(":empty")指定的对象有无文本（内容）或者子元素（dom节点） $(":parent")选择所有含子元素或文本的元素查看全部
-
$("[attribute|='value']")选择指定属性值等于给定字符串或以该文字串为前缀（该字符串后跟一个连字符 "-" ）的元素 $("[attribute*='value']")选择指定属性具有包含一个给定的子字符串的元素（选择给定的属性是以包含某些值得元素） $("[attribute~='value']")选择指定属性用空格分隔的值中包含一个给定值的元素 $("[attribute='value']")选择指定属性是给定的值的元素 $("[attribute!='value']")选择不存在指定属性，或者指定的属性值不等于给定值的元素 $("[attribute^='value']")选择指定属性是以给定字符串开始的元素 $("[attribute$='value']")选择指定属性是以给定值结尾的元素，这个比较是区分大小写的 $("[attribute]")选择所有具有指定属性的元素，该属性可以是任何值 $("[attributeFilter1][attributeFilterN]")选择匹配所有指定的属性筛选器的元素查看全部
-
$(":visible") 选择所有显示的元素 $(":hidden") 选择所有隐藏的元素 如果元素中占据文档中一定的空间,元素被认为是可见的。 可见元素的宽度或高度，是大于零。 元素的visibility: hidden 或 opacity: 0被认为是可见的，因为他们仍然占用空间布局。查看全部
-
$(":contains(text)") 选择所有包含指定文本的元素 $(":parent") 选择所有含有子元素或者文本的元素 $(":empty") 选择所有没有子元素的元素（包含文本节点） $(":has(selector)") 选择元素中至少包含指定选择器的元素查看全部
-
$(":first") 匹配第一个元素 $(":last") 匹配最后一个元素 $(":eq(index)") 在匹配的集合中选择索引值为 index 的元素 $(":lt(index)") 选择匹配集合中所有小于给定 index （索引值）的元素 $(":gt(index)") 选择匹配集合中所有大于给定 index （索引值）的元素 $(":even") 选择索引值为偶数的元素，从 0 开始计数 $(":odd") 选择索引值为奇数的元素，从 0 开始计数 $(":header") 选择所有标题元素，像 H1 、 H2 、 H3 等 $(":animated") 选择所有正在执行动画效果的元素 $(":lang(language)") 选择指定语言的所有元素 $(":root") 选择该文档的根元素 $(":not(selector)") 一个用来过滤的选择器，选择所有元素去除不匹配给定的选择器元素查看全部
-
jQuery的属性与样式.val() jQuery中有一个.val()方法主要是用于处理表单元素的值， 比如input,select和textarea。 .val()方法: 1. .val()无参数，获取匹配的元素合集综合第一个元素的当前值 2. .val(value),设置匹配的元素集合中每个元素的值 3. .val(function),一个用来返回设置值的函数 注意事项： 1. 通过.val()处理select元素，当没有选择项被选中，它返回null 2. .val()方法用来设置用来表单的字段的值 3. 如果select元素有multiple(多选)属性，并且至少一个选择项被选中， .val()方法返回一个数组，这个数组包含每个选中选择项的值 .html(),.text()和.val()的差异总结： 1. .html(),.text(),.val()三种方法都是用来读取选定元素的内容; 只不过.html()是用来读取元素的html内容(包括html标签)， .text()用来读取元素的纯文本内容，包括其后代元素， .val()是用来读取表单元素的"value"值。 其中.html()和.text()方法不能使用在表单元素上, 而.val()只能使用在表单元素上; 另外.html()方法使用在多个元素上时，只能读取第一个元素; .val()方法和.html()相同，如果其应用在多个元素上时，只能读取第一个表单元素 的"value"值，但是.text()和他们不一样，如果.text()应用在多个元素上时，将会读 取所有选中元素的文本内容。 2. .html(htmlString),.text(textString)和.val(value)三种方法都是用来替换选中元素的内容，如果三个方法同时运用在多个元素上时，那么将会替换所有选中元素的内容。 3. .html(),.text(),.val()都可以使用回调函数的返回值在动态的改变多个元素的内容查看全部
-
jQuery的属性与样式之.html()及.text() .html()方法 获取集合中第一个匹配元素的HTML内同或设置每一个匹配元素的html内容， 具体有三种用法: 1. .html()不传入值，就是获取集合中第一个匹配元素的HTML内容 2. .html(htmlString)设置每一个匹配元素的html内容 3. .html(function(index,oldhtml))用来返回设置HTML内容的一个函数 注意事项： .html()方法内部使用的是DOM的innerHTML属性来处理的， 所以在设置与获取上要注意一个最重要的问题。这个操作 是针对整个HTML内容(不仅仅只是文本内容) .text()方法 得到匹配元素集合中每个元素的文本内容结合，包括他们的后代， 或设置匹配元素集合中每个元素的文本内容为指定的文本内容为 指定的文本内容。具体有三种方法： 1. .text()得到匹配元素集合中每个元素的合并文本，包括他们的后代 2. .text(textString)用于设置匹配元素内容的文本、 3. .text(function(index,text))用来返回设置文本内容的一个函数 注意事项： .text()结果返回一个字符串，包含所有匹配元素的文本 .html()和.text()的异同： 1. .html与.text的方法操作是一样，只是在具体针对处理对象不同 2. .html处理的是元素内容，.text处理的是文本内容 3. .html只能使用在 HTML 文档中，.text在 XML 和 HTML 文档 中都能使用 4. 如果处理的对象只有一个子文本节点，那么html处理的结果与 text是一样的 5. 火狐不支持innerText属性，用了类似的textContent属性， .text()方法综合了2个属性的支持，所以可以兼容所有浏览器查看全部
-
http://img1.sycdn.imooc.com//5590e98b0001f60d06130229.jpg查看全部
-
.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()都可以使用回调函数的返回值来动态的改变多个元素的内容。查看全部
-
attr()有四个表达式 1.attr(传入属性名):获取属性的值 2.attr(属性名,属性值):设置属性的值 3.attr(属性值,函数值):设置属性的函数值 4.attr(attributes):给指定元素设置多个属性值，即:{属性名一:"属性值一", 属性值二:"属性值二",......} removevAttr()删除方法 .removeAttr(attriteName):为匹配的元素集合中的每一个元素中移除一个属性(attribute) 优点: attr、removeAttr都是jQuery为了属性操作封装的， 直接在一个jQuery对象上调用该方法，很容易对象性进行操作， 也不需要去特意的理解浏览器的属性名不同的问题。 注意的问题: dom中有个概念的区分:Attribute和Property翻译出来的都是"属性"， 《js高级程序设计》书中翻译为"特性"和"属性"。简单理解，Attribute就是 dom节点自带的属性 而Property是这个DOM元素作为对象，其附加的内容，例如,tagName,nodeName, nodeType,defaultChecked,和defaultSelected 使用.prop()方法进行取值或赋值等查看全部
举报
0/150
提交
取消