用jquery查询html元素是利用jquery的选择器实现的。
几点说明:
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可以使用“$("iframe body").html()”语句获取iframe里面body的html内容。
jQuery选择器允许对HTML元素组或单个元素进行 *** 作,所有选择器都以美元符号开头:$()。元素选择器基于元素名选取元素,例如:“$("p")”可以获取页面中所有<p>元素对应的jquery对象。
jQuery对象的html()函数用于获取该对象对应html标签内包含的所有html代码。
扩展资料:
jQuery选择器的分类:
1、元素选择器
jQuery元素选择器基于元素名选取元素,例如:“$("p")”用于选取出所有p标签的jquery对象。
2、id选择器
jQuery #id选择器通过HTML元素的id属性选取指定的元素。页面中元素的id应该是唯一的,所以您要在页面中选取唯一的元素需要通过#id选择器,例如:“$("#test")”于选取出id为“test”的jquery对象。
3、class 选择器
jQuery类选择器可以通过指定的class查找元素,例如:$(".test")用于选取出所有包含“.test”类的jquery对象。
参考资料来源:百度百科-jQuery
jquery获取html文件的某个标签的值可以先用选择器,再调用val方法:1、html代码如下:
<div id ="sa">
<div class="something">Hello world</div>
<div class="formdiv">
<form name="inpForm">
<input type="text" name="FirstName" />
<input type="submit" value="Submit" />
</form>
</div>
</div>
2、用jquery选择器获取标签的值:
var text = $('#sa').find('input[name="FirstName"]').val()
3、获取到FirstName的值:
zhangsan
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)