jQuery attr removeAttr 属性操作

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%String path = request.getContextPath();String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE html>
<html>
<head>
<base href="<%=basePath%>">
<meta charset="UTF-8">
<title>b index</title>
<link rel='stylesheet' type="text/css" href='b/css/bootstrap.css'>
</head>
<body style="margin:150px;"><div id="div001">div001</div><div id="div002">div002</div><div id="div003">div003</div><div><button id="btn001">click me to use attr set string attr</button><button id="btn002">click me to use attr get attr</button><button id="btn003">click me to use attr set obj attr</button><button id="btn004">click me to use removeAttr string</button><button id="btn005">click me to use removeAttr obj</button><button id="btn006">click me to use attr set fn attr</button></div><script type="text/javascript" src="js/jquery-1.11.1.js"></script><script type="text/javascript" src="b/js/bootstrap.js"></script><script type="text/javascript" src="js/index031.js"></script>
</body>
</html>

$(function() {$('#btn001').click(btn001Click);$('#btn002').click(btn002Click);$('#btn003').click(btn003Click);$('#btn004').click(btn004Click);$('#btn005').click(btn005Click);$('#btn006').click(btn006Click);
});
function btn001Click() {$('#div001').attr('a', 'a');
}
function btn002Click() {// 如果没有设置a属性，会得到undefined；var string = $('#div001').attr('a');console.log(string);
}
function btn003Click() {var obj = {'a' : 'a','b' : 'b'};$('#div001').attr(obj);
}
function btn004Click() {// 必须有输入参数，否则没有效果；$('#div001').removeAttr();// 输入'a','b'只会删除'a'的属性；输入['a','b']会报错；$('#div001').removeAttr('a', 'b');
}
function btn005Click() {var obj = {'a' : 'a','b' : 'b'};// 输入一个对象会报错的；try {$('#div001').removeAttr(obj);} catch (e) {console.log(e);}
}
function btn006Click() {$('#div002').attr('title', function() {// return this.id;// 这样也是可以的；返回一个字符串就可以了；return 'asdf';});
}

var ids=$('div').attr('id');
得到的是第一个元素的id，还不是所有元素的id；

prop也是获得第一个元素的id；

jQuery attr removeAttr 属性操作相关推荐

前端HTML调用jQuery库，属性操作:更换图片、添加字体样式（前端：HTML搭配jQuery系列教程六）
属性操作:更换图片.改变字体样式 1.更换图片: 在jQuery中,我们可以使用attr()方法来获取元素的某一个HTML属性值. 语法: $().attr("属性名") 说明:获 ...
jquery对标签属性操作
jquery中添加属性和删除属性: $("#2args").attr("disabled",'disabled'); $("#2args") ...
jQuery attr()获取属性和设置属性的方法
前言: 在JS中设置节点的属性与属性值用到setAttribute(),获得节点的属性与属性值用到getAttribute(),而在jquery中,只需要用到attr()这个函数就可以了.attr是a ...
jquery attr设置属性失效问题
解决jquery操作checkbox全选全不选无法勾选问题最近在工作中使用jquery操作checkbox,使用下面方法进行全选.反选: $("input[name='checkbox'] ...
前端提高篇(八十六)：jQuery的class属性操作addClass()与removeClass()、hasClass()、toggleClass()
1.addClass()与removeClass()基本使用 addClass:添加class:removeClass:移除class,返回this对象,支持链式操作 $('div').addClas ...
【jQuery】attr || removeAttr 对属性节点操作
jQuery - attr || removeAttr方法 1.attr()方法 * 作用:对DOM元素上的属性节点进行获取或者赋值 >>> 当只传一个参数就是获取 || 传两个参数 ...
JavaWeb开发前端语言：jQuery（二）属性操作、DOM的增删改、CSS样式操作、动画、事件操作
JavaWeb开发前端语言:jQuery(二) 1.jQuery的属性操作 2.jQuery练习:使用jQuery完成全选.全不选.反选和提交功能 3.DOM的增删改 3.1 DOM的增操作 3.1 ...
jQuery对Class属性的操作
下面介绍一下jQuery对Class属性操作的方法把第一addClass(),该方法可以设置单个或多个元素的Class属性,用法如下图这样子页面显示的结果就会有CSS样式第二removeClas ...
html添加删除元素属性,jQuery学习笔记——.attr()和.removeAttr()方法操作元素属性
今天主要和大家一起分享一下如何使用jQuery的jQuery就可以让我们轻松的读取,添加,更改或删除一个(或多个)元素中的任何属性,在jQuery中我们可以使用下面的方法来实现:.attr():jQu ...

jQuery attr removeAttr 属性操作

jQuery attr removeAttr 属性操作相关推荐

最新文章

热门文章