怎么用jquery查询html元素_随笔

用jquery查询html元素是利用jquery的选择器实现的。

几点说明：

jQuery 选择器允许程序员对 HTML 元素组或单个元素进行 *** 作。

jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"（或选择）HTML 元素。它基于已经存在的 CSS 选择器，除此之外，它还有一些自定义的选择器。

jQuery 中所有选择器都以美元符号开头：$()。

举例：

<!DOCTYPE html>

<html>

<head>

<title>关于jquery的选择器</title>

</script>

$(document).ready(function(){

$("button").click(function(){

$("p").hide()

})

</script>

</head>

<body>

<h2>这是一个标题</h2>

<p>这是一个段落。</p>

<p>这是另一个段落。</p>

</body>

</html>

运行结果:

1、显示一个button和两段文字：

2、点击button后段落消失

jquery有text()、html()、val()这三种获得标签内容的方法；

补充：

根据ID获取：$("#idName").text()，

根据标签名获取：$("p").text()，

根据类名获取：$(“.class1”).text()

获取匹配元素集合中的第一个元素的当前计算高度值或设置每一个匹配元素的高度值。

-.css('height') 和 .height()之间的区别是后者返回一个没有单位的数值，前者是返回带有完整单位的字符串。当一个元素的高度需要数学计算的时候推荐使用.height() 方法。

-这个方法同样能计算出window和document的高度。

$(window).height() // returns height of browser viewport

$(document).height()// returns height of HTML document

-为匹配的元素集合中获取第一个元素的当前计算高度值,包括padding，但是不包括border。

-这个方法返回元素的高度，包括顶部和底部的padding，单位是像素。

-这个方法不适用于window and document对象，可以使用.height()代替。

欢迎分享，转载请注明来源：内存溢出

怎么用jquery查询html元素