扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
用jquery查询html元素是利用jquery的选择器实现的。
创新互联专注骨干网络服务器租用10年，服务更有保障！服务器租用，成都服务器托管 成都服务器租用，成都服务器托管，骨干网络带宽，享受低延迟，高速访问。灵活、实现低成本的共享或公网数据中心高速带宽的专属高性能服务器。
几点说明：
jQuery 选择器允许程序员对 HTML 元素组或单个元素进行操作。
jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"（或选择）HTML 元素。它基于已经存在的 CSS 选择器，除此之外，它还有一些自定义的选择器。
jQuery 中所有选择器都以美元符号开头：$()。
举例：
!DOCTYPE html
html
head
meta charset="utf-8"
title关于jquery的选择器/title
script src="./jquery/2.0.0/jquery.min.js"
/script
script
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
/script
/head
body
h2这是一个标题/h2
p这是一个段落。/p
p这是另一个段落。/p
button点我/button
/body
/html
运行结果:
1、显示一个button和两段文字：
2、点击button后段落消失
jquery有text()、html()、val()这三种获得标签内容的方法；
补充：
根据ID获取：$("#idName").text()，
根据标签名获取：$("p").text()，
根据类名获取：$(“.class1”).text()
一. 同级节点之间的检索(检索深度N=0)
next()是在兄弟节点中，往后匹配;
prev()是在兄弟节点中，往前匹配。
二. 父级/子级节点的检索(检索深度N=1)
children()是在子节点中，往后匹配。
parent()是在父节点中，往前匹配。
ps：请注意了---子节点和父节点都是相邻的，深度为1的节点，也就是标题提到的检索深度为1
三. 后代节点的检索（检索深度N=1）
find()检索的是子代元素和后代元素，不会检索兄弟节点。
parents() 检索的是祖辈元素(包括父元素)的集合。
closest()检索的是最近的祖辈元素(一个)
ps：当往上级检索节点的时候，推荐使用closet，效率更高!
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网