十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
用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,效率更高!