怎么用jquery查询html元素

怎么用jquery查询html元素,第1张

用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


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/8328297.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-15
下一篇 2023-04-15

发表评论

登录后才能评论

评论列表(0条)

保存