位置: 编程技术 - 正文
jQuery基本选择器(实例及表单域value的获取方法)(jQuery基本选择器总结)
编辑：rootadmin推荐整理分享jQuery基本选择器(实例及表单域value的获取方法)(jQuery基本选择器总结)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:jquery中基本选择器,jQuery基本选择器总结,jQuery基本选择器,jquery中基本选择器有哪些?并写出示例代码,jQuery基本选择器有哪些,jQuery基本选择器有什么,jQuery基本选择器,jQuery基本选择器有哪些,内容如对您有帮助，希望把文章链接给更多的朋友！
jQuery基本选择器包括 CSS选择器、层级选择器和、表单域选择器。
1.CSS选择器
（1）标签选择器
$("div") $("p") $("table") 等一系列 HTML 标签
（2）ID选择器
<input id="user" type="text">
获取该标记的值：$("#user").val();
（3）类选择器
<input type="text" class="t">
给该文本框添加样式：$(".t").css("border","2px solid blue");
（4）通用选择器
$("*").css("color","red"); //给所有元素设置样式
（5）群组选择器
$("div,span,p .styleClass").css("border","1px solid red"); //对所有div、span 及应用 styleClass 类的 p 元素设置边框属性
2.层级选择器
（1）子元素选择器
$("parent > child");
查找父元素下面的所有子元素，不包括孙元素等。
（2）后代元素选择器
$("ancestor descedant");
查找 ancestor 元素的所有子元素、孙元素、重孙元素等。
（3）紧邻同辈元素选择器
$("prev+next");
同辈，且紧跟在 prev 元素后面的元素 next 元素
（4）相邻同辈元素选择器
$("prev~siblings")；
跟在 prev 后且同辈的所有 siblings 元素
3.表单域选择器
（1） :input 选择器
$(":input");
选择所有 input, textarea, select, button 元素。
（2） :text 选择器
$(":text");
选择所有单行文本框 (<input type="text"/>).
（3） :password 选择器
$(":password");
选择所有密码框 (<input type="password"/>).
（4） :radio 选择器
$(":radio");
选择所有单选按钮 (<input type="radio"/>).
（5） :checkbox 选择器
$(":checkbox");
选择所有复选框 (<input type="checkbox"/>).
（6） :file 选择器
$(":file");
选择所有文件域 (<input type="file"/>).
（7） :iamge 选择器
$(":iamge");
选择所有图像域 (<input type="iamge"/>).
（8） :hidden 选择器
$(":hidden");
选择所有隐藏域 (<input type="hidden"/>) 及 所有不可见元素（CSS display 属性值为 none）。
（9） :button 选择器
$(":button");
选择所有按钮 (<input type="button"/>) 和 <button>...</button>
（） :submit 选择器
$(":submit");
选择所有提交按钮 (<input type="submit"/>) 和 <button>...</button>
（） :reset 选择器
$(":reset");
选择所有重置按钮 (<input type="reset"/>) 和 <button>...</button>
对于表单域选择器，上述均为获取所有某一类型的元素。获取其中某个元素的值，在下面的实例中体现。该实例的运行效果图和代码如下：
点击【提交】按钮之后弹出的对话框如下：
以上这篇jQuery基本选择器(实例及表单域value的获取方法)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持积木网。
jQuery基础的工厂函数以及定时器的经典实例分析 1.jQuery的基本信息:1.1定义:jQuery是JavaScript的程序库之一，它是JavaScript对象和实用函数的封装，1.2作用:许多使用JavaScript能实现的交互特效，使用jQuery都能
jQuery EasyUI Pagination实现分页的常用方法 EasyUI的datagrid支持服务器端分页，但是官方的资料比较少，以下总结了两种datagrid的服务器端分页机制，可根据情况具体使用。一、使用datagrid默认机制
jQuery插件pagination实现无刷新分页 这篇文章我们主要看看简单的使用jQuerypagination这个插件来实现无刷新分页，使用jQuerypagination主要作用在于分页样式的显示，而无刷新的主要原理还是使
标签: jQuery基本选择器总结
本文链接地址:https://www.jiuchutong.com/biancheng/387226.html 转载请保留说明！
