jQuery获取选中内容及设置元素属性的方法

jQuery是一款优秀的JavaScript库，它可以让开发者更加轻松地操作HTML文档、事件处理、动画效果等操作。本篇攻略将会介绍如何使用jQuery获取选中内容及设置元素属性的方法。

获取选中内容

在jQuery中，可以使用val()方法获取表单元素的值，例如：

var textareaVal = $("textarea").val(); // 获取textarea中的文本内容
var inputVal = $("input[type='text']").val(); // 获取输入框中的文本内容

但是如果想获取选中的文本内容，就需要使用select()方法了。该方法用于选中文本框中的文本并返回一个jQuery对象，如下所示：

var selectedText = $("textarea").select().val(); // 获取选中的文本内容

该语句先使用select()方法选中文本框中的文本，然后使用val()方法获取选中的文本内容。

设置元素属性

在jQuery中，可以使用attr()方法获取或设置元素的属性。该方法接受两个参数，第一个是属性名，第二个是属性值。例如：

var hrefVal = $("a").attr("href"); // 获取a标签的href属性值
$("a").attr("href", "https://www.baidu.com"); // 设置a标签的href属性值为百度首页

此外，还可以使用prop()方法获取或设置元素的属性值，比如要获取或设置复选框的选中状态：

var checkedVal = $("input[type='checkbox']").prop("checked"); // 获取复选框的选中状态
$("input[type='checkbox']").prop("checked", true); // 将复选框选中

以上就是使用jQuery获取选中内容及设置元素属性的方法，希望对你有所帮助。