怎么使用jquery获得标签的值或元素的内容

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎么使用jquery获得标签的值或元素的内容相关的知识,希望对你有一定的参考价值。

参考技术A 获取表单元素的值可以直接$("选择器").val();
如:
<input type="text" value="123" />
var a = $("input").val(); //a的值为123如果获取a标签、p标签、div等的内容的话,使用text();
如:
<p>文本内容</p>
var a = $("p").html(); //a的值为”文本内容“一般相同的标签比较多时,给标签添加类名或id可以识别相同的标签,如:
<p class="p1">这是文本内容1</p>
<p class="p2">这是文本内容2</p>
var a = $(".p1").html(); //a的值为”这是文本内容1“
var b = $(".p2").html(); //b的值为”这是文本内容2“

Jquery 怎么只给点击的元素加个class

Jquery 怎么只给点击的元素加个class?1:新建一个html文件,命名为test.html,用于讲解jquery如何实现追加元素的同时添加class属性。
2:在test.html文件内,使用p标签创建一行测试的内容,并创建两个空div标签。
3:在test.html文件内,使用button标签创建一个按钮,给button按钮绑定onclick点击事件,当按钮被点击时,执行addPp()函数。
4:在函数内,通过获得p标签对象,使用appendTo方法将p标签追加到div中。
5:在函数内,再使用addClass方法给p标签添加一个class属性。
6:在浏览器打开test.html文件,点击按钮,查看结果。
参考技术A

通过event 

$('#btn').click(function(event)
    event = event || window.event;
    var target = event.srcElement || event.target;
//    target就是你点击的元素
    $(target).addClass('clickstyle');//增加样式
);

本回答被提问者采纳
参考技术B //纯手打,望采纳
$('a').click(function()//给所有的a元素绑点击事件
    $(this).addClass('cls');//获取当前点击的元素$(this) ,并添加class
);

参考技术C $(selector).click(function() $(this).addClass(class) )
selector : 元素
class : class名称

以上是关于怎么使用jquery获得标签的值或元素的内容的主要内容,如果未能解决你的问题,请参考以下文章

怎么使用jquery获得标签的值或元素的内容

Jquery 怎么只给点击的元素加个class

jquery怎么获取元素的value值

jquery怎么获取attribute的值

jquery里判断数组内是否包含了指定的值或元素的方法

jquery怎么获取当前标签下的子标签