怎么用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后段落消失

jquary的一个调用形式是采用 $,就像javascript中的 dos一样。

例如：$("div").html("设置div元素中的值")..

$("#divtest").html("设置ID为divtest元素中的值")

$(".divtest").html("设置class为divtest元素中的值")

除以上之外，还有选择器，这里只说一种 $("li:last").css("background-color", "red")//选中 li列表中的最后一个，还可以 :first 表示第一个，等等。

当然还有很多其他的函数，例如.val()获取值，remove()，删除等等

如果获取html本身，而不是获取html元素，那么应该是属于ajax中的内容。可直接使用load()等函数

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

-.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元素