jQuery – DOM操作-获得内容和属性

jQuery对DOM内容操作做了封装，提供3个简单实用的方法：

• text()：设置或返回元素的文本内容，不包含HTML标签
• html()：设置或返回元素内容，包含HTML标签
• val()：设置或返回表单字段的值，例如input的value

不传参数代表获取值，传入参数代表修改值。

// 修改value
$("#name").val("foxdevelop.com");
// 获取value
$("#name").val();
Code language: JavaScript (javascript)

jQuery attr() 用于获取/设置元素属性：

// 获取a标签href属性
$("#link").attr("href");
// 设置href属性，第二个参数为属性值
$("#link").attr("href", "[http://www.bamn.cn](http://www.bamn.cn)");
// 也可以自定义新增不存在的属性
$("#link").attr("a1", "aaaaa11111");
$("#link").attr("a2", "aaaaa22222");
// 删除属性
$("#link").removeAttr("href");
Code language: JavaScript (javascript)

判断元素是否存在： jQuery查找元素时，即使元素不存在也不会抛出报错，需要通过length判断。

if ($("#content").length > 0)
{
    $('#content').css('background-color', 'green');
}
Code language: JavaScript (javascript)