jQuery获取内容和属性

jQuery是一种快速简洁的JavaScript库，其通过选择DOM元素来操作HTML和CSS。在jQuery中，获取元素内容和属性是必不可少的技能。

获取元素内容

获取元素内容的方法有很多，例如.text()，.html()和.val()等方法。

.text()

.text()方法用于获取或设置选定元素的文本内容，该方法仅返回所选元素的纯文本，不包括HTML标记。

$(document).ready(function(){
   var content = $('#myDiv').text();
   console.log(content);
});

以上代码获取id为myDiv的元素的文本内容，并将结果输出到控制台。

.html()

.html()方法用于获取或设置选定元素的HTML内容，该方法将返回所选元素包含的HTML标记。

$(document).ready(function(){
   var content = $('#myDiv').html();
   console.log(content);
});

以上代码获取id为myDiv的元素的HTML内容，并将结果输出到控制台。

获取元素属性

获取元素属性的方法有很多，例如.attr()，.prop()和.data()等方法。

.attr()

.attr()方法用于获取或设置HTML属性的值，例如src和href等。

$(document).ready(function(){
   var link = $('a').attr('href');
   console.log(link);
});

以上代码获取HTML标记a的href属性，将其返回并输出到控制台。

.prop()

.prop()方法用于读取元素属性的值，例如checked和selected。

$(document).ready(function(){
   var checked = $('input').prop('checked');
   console.log(checked);
});

以上代码获取输入类型为checkbox的选中状态，并将结果输出到控制台。

总结

jQuery提供了许多方法来获取元素内容和属性，其中 .text()，.html()，.attr()和.prop()是最常用的方法。学好这些方法可以让你更高效地操作DOM元素。