jQuery操作属性

attr操作

设置单个属性

// 第一个参数：需要设置的属性名// 第二个参数：对应的属性值$obj.attr(name, value);// 用法举例$('img').attr('title','哎哟，不错哦');$('img').attr('alt','哎哟，不错哦');

设置多个属性

// 参数是一个对象，包含了需要设置的属性名和属性值$obj.attr(obj)// 用法举例$('img').attr({title:'哎哟，不错哦',alt:'哎哟，不错哦',style:'opacity:.5'

});

获取属性

// 传需要获取的属性名称，返回对应的属性值$obj.attr(name)// 用法举例var oTitle = $('img').attr('title');alert(oTitle);

移除属性

// 参数：需要移除的属性名，$obj.removeAttr(name);// 用法举例$('img').removeAttr('title');

prop操作

在jQuery1.6之后，对于checked、selected、disabled这类boolean类型的属性来说，不能用attr方法，只能用prop方法。

// 设置属性$(':checked').prop('checked',true);// 获取属性$(':checked').prop('checked');// 返回true或者false

val()/text/()html()

$obj.val() 获取或者设置表单元素的value属性的值$obj.html() 对应innerHTML$obj.text() 对应innerText/textContent，处理了浏览器的兼容性

jQuery操作属性相关推荐

jQuery 操作属性
jQuery 操作属性 1.设置或获取元素固有属性值 prop() 所谓元素固有属性就是元素本身自带的属性(input 的 type) 获取属性语法 prop('属性') 设置属性语法 pro ...
jquery对于属性和事件的操作
回顾js中对于属性的操作: dom对象: 通过document.getElementById()-..获取的对象都是dom对象. Jquery对象: 通过jquery选择器获取的对象都是jquery对 ...
jquery拼接后css样式不生效_JQuery常用选择器以及操作属性和样式的方法介绍
JQuery日常操作有选择器,获取和操作属性,css样式,文本等等,下面是一些常用的操作,代码以图片形式(哈哈,其实还是我懒,大神别喷我,我还是渣渣),就是一些日常的学习笔记 JQuery中的属性选择 ...
从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式
本系列文章导航从零开始学习jQuery (一) 开天辟地入门篇从零开始学习jQuery (二) 万能的选择器从零开始学习jQuery (三) 管理jQuery包装集从零开始学习jQuery ( ...
jQuery的属性操作
jquery的属性操作模块分为四个部分:html属性操作,dom属性操作,类样式操作和值操作 html属性操作:是对html文档中的属性进行读取,设置和移除操作.比如attr().removeAttr ...
jQuery框架学习第四天：使用jQuery操作元素的属性与样式
jQuery框架学习第一天:开始认识jQuery jQuery框架学习第二天:jQuery中万能的选择器 jQuery框架学习第三天:如何管理jQuery包装集 jQuery框架学习第四天:使用jQu ...
jQuery DOM/属性/CSS操作
jQuery DOM 操作创建元素只需要把DOM字符串传入$方法即可返回一个 jQuery 对象 var obj = $('<div class="test">&l ...
[转帖]jQuery框架学习第四天：使用jQuery操作元素的属性与样式
一.摘要本篇文章讲解如何使用jQuery获取和操作元素的属性和CSS样式. 其中DOM属性和元素属性的区分值得大家学习. 二.前言通过前面几章我们已经能够完全控制jQuery包装集了, 无论是通 ...
jq追加html属性,jQuery 操作 HTML 元素和属性的方法
jQuery拥有操作 HTML 元素和属性的强大方法. 1. 获取HTML 元素的内容和属性 (1) 获得内容: text().html() 以及 val()方法 My Test JQuery $( ...

jQuery操作属性

attr操作

prop操作

val()/text/()html()

jQuery操作属性相关推荐

最新文章

热门文章