jQuery大家肯定不陌生？它可是个功能强大的JavaScript库，速度快、体积小，用起来超爽的！主要牛逼之处在于，它能帮咱们轻松玩转HTML元素。现在我就要教大家如何使用jQuery找寻所需元素并提取其内容，让大家轻松上手jQuery！

一、text()方法获取元素文本内容

要用jQuery提取元素的纯文本直接用text()方法就能搞定。特省事有木有？！特别是你选中的那个元素啥都没时，就像这句……

`元素：

html
这是一个段落。

可以使用以下代码获取该段落的文本内容：

这是一个段落

javascript
把文档的内容存进变量textContent里，很简单？
var text = $("p").text();
输出："这是一段话。"

想看文章内容？直接用text()这个方法，就能帮你搞定HTML标签的问题！

二、html()方法获取元素的HTML内容

html()真厉害，它可以搞定HTML里所有的东西，你想要啥它就能给你啥！比如我们现在要搞个元素。

    
标题
    
这是一个段落


这是一个链接
可以使用以下代码获取该div元素的HTML内容：
我们只需要把网站的内容挪到新的地方，像这样用$(“#content”).html()这个小技巧就搞定。
var html = $("div").html();

console.log(htmlContent);
记住html()这个函数可以帮你搞定选中的元素里的所有HTML代码，无论什么标签都行。
三、val()方法获取表单元素的值
说到input啦、select啦和textarea之类的表单元素，用val()方法就能轻松获取到它的值，处理表格数据特实用哟。比如，假设咱有这么一个输入框儿：


可以使用以下代码获取该输入框的值：
用户名就是那个$(“#username”).val()~
打印个名字看下，//结果是：约翰·杜
var value = $("input[type='text']").val();

val()方法将返回选中表单元素的值。
四、attr()方法获取元素属性值
有时候我们得知道某个东西的特殊参数，比如，你看那个图，它的”src”字段就是很好用的招儿。这个时候，用attr()就能妥妥地把问题解决！想象一下，你手上有个带图的元素：
可以使用以下代码获取该img元素的src属性值：
直接读取图片的地址，设为变量src就好。


敲入console.log(src)，就能看到这个叫”src”的变量等于啥了，就是那个”image.jpg”。
用attr()函数查属性值跟问你”这货叫啥名儿啊?”似的，只需要把属性名扔给它就行了~
五、data()方法获取元素数据属性值
var src = $("img").attr("src");

开车的时候，你得学会怎么使用data-*这个恼火的特性去存储自己瞎搞出来的代码。如果你手头上恰好有jQuery这个好东西，那你就更厉害了，因为它还给你提供了data()这个神奇的方法来获取这个东东的值。来看这里，这就是个简简单单的HTML代码：
我们这边就想要这div里的data-name跟data-age这俩值。用这个简单的代码就行了哟：
那个叫”名字”的东东就在这个名叫”#user”的人里头。
记住这儿咱们有个叫做“用户”的东西，还有个”年龄”，用$(“#user”).data(“age”)就能拿到这个”年龄”值。
看，这就是你的新名字啦：name||”约翰”。
我们来瞧瞧这个程序的输出：”年龄：30岁”。
data()方法可以方便地获取自定义数据属性的值。


我告诉你个秘密！jQuery里找东西最常用的方法就是这些了，遇到啥问题都能派上用场。比如改文章换网页样貌或者搜集表格信息之类的，研究某个元素特性也没问题，几行代码就能解决所有问题。希望读完这篇文章，你会发现jQuery真的很神奇，用起来超方便哒~
			    						    						    						    					    		
			    					    				    					    			
 原文链接：https://www.icz.com/technicalinformation/web/2024/04/16004.html，转载请注明出处~~~