本文用例子说明了jQuery内容选择器和表单选择器。分享给大家参考,如下:
内容选择器
jQuery内容过滤器选择器的过滤规则主要应用于DOM元素或其文本内容中包含的子元素,主要包括以下四种过滤方式:内容选择器的四种用途
内容选择器选择包含文本的元素格式:E:contains(文本),并选择包含由选择器匹配的元素的元素格式:e3360has(选择器)空内容选择器选择没有任何子元素或文本的空元素格式:e3360has空非空内容选择器选择具有子元素或文本的元素标签格式:e3360has父表单元素选择器
表单元素是指用于获取指定表单元素的选择器,表单元素选择器用于简化表单的操作。
例如操作:
选择所有包含“是”字的段落,找到所有带有输入标签的div对象,标记所有非空元素,即带有子元素的元素或文本标记所有空元素。也就是说,没有子元素或文本的元素获得表单中所有不可用的输入项。所选元素脚本$(function(){ //使用:contains获取包含指定内容的组件,并在文本内容/$ ('p: contains (special)')中过滤包含IS字的组件。CSS('边框',' 1px实心红色')//获取子体节点名为input/$(' div : has(input)')的标签。CSS('边框',' 1px纯红');//利用级联选择器和has()选择器的最大区别,级联选择器选择输入组件,而上面的has选择带有输入组件的div组件/$ ('div input ')。CSS('边框',' 1px纯红');//使用:parent选择器获取所有非空元素//$ ('* :parent ')。CSS('边框',' 1px纯红');//使用:empty获取所有空元素//$ ('* :empty ')。CSS('边框',' 1px纯红');//使用:input获取表单的所有元素。之前,什么都不写。默认为* query all//$ (': input ')。CSS('边框',' 1px纯红')。//$(':input ')。css('width ',' 200px ');//$(“输入、选择、按钮”)。css('边框',' 1px纯红');//获取所有按钮//$ (':button,submit,reset ')。CSS('边框',' 1px纯红');//使用:disabled获取不可用的表单元素//$ (':disabled ')。CSS('边框',' 1px纯红');//下面的句子相当于它//$ ('* [disabled=' disabled']')。CSS('边框',' 1px纯红');//获取选定的单选框或复选框//$ (': checked ')。CSS ('width ',' 100px ');$('*[checked='checked']')。css('边框',' 1px纯红');})/脚本更多对jQuery感兴趣的读者,请查看本站话题:《jQuery页面元素操作技巧汇总》、《jQuery常见事件用法与技巧总结》、《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》、《jquery选择器用法总结》、0103010。
希望本文对大家的jQuery程序设计有所帮助。