jQuery获取和设置元素属性

简介: 获取和设置元素属性的操作

1. prop方法的使用

之前使用css方法可以给标签设置样式属性,那么设置标签的其它属性可以使用prop方法了。


示例代码:

<style>
    .a01{
        color:red;
    }
</style>
<script>
    $(function(){
        var $a = $("#link01");
        var $input = $('#input01')
        // 获取元素属性
        var sId = $a.prop("id");
        alert(sId);
        // 设置元素属性
        $a.prop({"href":"http://www.baidu.com","title":'这是去到百度的链接',"class":"a01"});
        //  获取value属性
        // var sValue = $input.prop("value");
        // alert(sValue);
        // 获取value属性使用val()方法的简写方式
        var sValue = $input.val();
        alert(sValue);
        // 设置value值
        $input.val("222222");
    })
</script>
<a id="link01">这是一个链接</a>
<input type="text" id="input01" value="111111">


说明: 获取value属性和设置value属性还可以通过val方法来完成。


2. 小结

获取和设置元素属性的操作可以通过prop方法来完成

目录
相关文章
|
7天前
|
JavaScript
jQuery - 添加元素
通过 jQuery,可以很容易地添加新元素/内容。
28 10
|
7天前
|
XML JavaScript 数据格式
jQuery - 获取内容和属性
jQuery 拥有可操作 HTML 元素和属性的强大方法。
24 6
|
20天前
|
XML JavaScript 数据格式
jQuery - 获取内容和属性
jQuery - 获取内容和属性
16 5
|
19天前
|
JavaScript 前端开发
jQuery - 添加元素
jQuery - 添加元素
14 2
|
20天前
|
JavaScript IDE 开发工具
jQuery - 获取内容和属性2
jQuery - 获取内容和属性2
13 3
|
19天前
|
JavaScript 前端开发
jQuery - 获取并设置 CSS 类
jQuery - 获取并设置 CSS 类
11 1
|
20天前
|
JavaScript
jQuery - 设置内容和属性
jQuery - 设置内容和属性
49 2
|
1月前
|
JavaScript 前端开发
jQuery - 添加元素
jQuery - 添加元素
20 6
|
1月前
|
JavaScript 前端开发
jQuery - 获取并设置 CSS 类
jQuery - 获取并设置 CSS 类
22 5
|
JavaScript 前端开发
使用 jQuery对象设置页面中 <ul> 元素的标记类型,并使用 DOM 对象设置 <li> 元素的浮动属性和右边距。使用jQuery 对象和 DOM 对象设置页面元素属性
使用 jQuery对象设置页面中 <ul> 元素的标记类型,并使用 DOM 对象设置 <li> 元素的浮动属性和右边距。使用jQuery 对象和 DOM 对象设置页面元素属性
184 0
使用 jQuery对象设置页面中 <ul> 元素的标记类型,并使用 DOM 对象设置 <li> 元素的浮动属性和右边距。使用jQuery 对象和 DOM 对象设置页面元素属性