宝哥软件园

jQuery内容选择器和表单选择器示例分析

编辑:宝哥软件园 来源:互联网 时间:2021-08-22

本文用例子说明了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程序设计有所帮助。

更多资讯
游戏推荐
更多+