JQuery 学习笔记 element属性控制


Posted in Javascript onJuly 23, 2009
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<script src="js/jquery-1.3.2.js" ></script> 
<script type="text/javascript"><!-- 
    $(function(){ 
             $("#aAttr1").click(function(){ 
                    $(    ":text").attr("value",$("#divTest").attr("id"));                 
                }) 
             $("#aAttr2").click(function(){ 
                    $(    ":text").attr("value",function(){ 
                                                             return $("#divTest").attr("id");         
                                                     });                 
                }) 
             $("#aAttr3").click(function(){ 
                    $(    ":text").attr({value:"test2"}); 
                }) 
             $("#aAttr4").click(function(){ 
                    $("#inputTest2").removeAttr("value");     
                })     }) 
// --></script> 
<title>无标题文档</title> 
</head> 
<body> 
<form> 
<input id="inputTest1" type="text" /> 
<input id="inputTest2" type="text" value="test" /> 
<div id="divTest">123</div> 
<a href="#" id="aAttr1">在text表单中显示DIV的ID方法1</a>| 
<a href="#" id="aAttr2">在text表单中显示DIV的ID方法2</a>| 
<a href="#" id="aAttr3">在text表单中显示test2</a>| 
<a href="#" id="aAttr4">去除inputTest2的value属性</a>| 
<input type="reset" /> 
</form> 
</body> 
</html>

1.element.attr(name)
描述:用于获取某个元素的name属性值,如例子中 $("#divTest").attr("id")就可获取divTest的ID值。
2.element.attr(name,value)
描述:用于设置某个元素的name属性值,如例子中$(":text").attr("value",$("#divTest").attr("id"))就将divTest的ID值赋于text表单的value值。
注:例子中(":text")用于获取input表单type为text的元素,同样其它表单也可用同样的方法获取,如<input type="button"/>即可用$(":button")进行获取,其返回值为Array(Element),也可用$(":input")获取所有的input元素。。在JQuery中要获取和设置元素的text与value值还可以使用element.text()/element.text(value)、element.val()/element.val(Value),用法与element.html()一样,若有疑问可以跟帖,我再做说明

3.element.attr(name,function)
描述:用于设置某个元素的name属性值与上一个类似,只是这里的value可以写成个function,更为灵活。
4.element.remove(name);
描述:用于删除某个元素的name属性。

Javascript 相关文章推荐
Javascript开发包大全整理
Dec 22 Javascript
基于jquery的表格排序
Sep 11 Javascript
Firefox中通过JavaScript复制数据到剪贴板(Copy to Clipboard 跨浏览器版)
Nov 22 Javascript
谈谈JavaScript中function多重理解
Aug 28 Javascript
AngularJS 实现按需异步加载实例代码
Oct 18 Javascript
jquery插件ajaxupload实现文件上传操作
Dec 09 Javascript
Bootstrap源码解读导航条(7)
Dec 23 Javascript
vue轮播图插件vue-awesome-swiper的使用代码实例
Jul 10 Javascript
微信小程序实现带缩略图轮播效果
Nov 04 Javascript
Layer+Echarts构建弹出层折线图的方法
Sep 25 Javascript
vue tab切换,解决echartst图表宽度只有100px的问题
Jul 19 Javascript
vue等两个接口都返回结果再执行下一步的实例
Sep 08 Javascript
JQuery 学习笔记 选择器之六
Jul 23 #Javascript
JQuery 学习笔记 选择器之五
Jul 23 #Javascript
JQuery 学习笔记 选择器之四
Jul 23 #Javascript
JQuery 学习笔记 选择器之三
Jul 23 #Javascript
JQuery 学习笔记 选择器之二
Jul 23 #Javascript
JQuery 学习笔记 选择器之一
Jul 23 #Javascript
javascript IFrame 强制刷新代码
Jul 23 #Javascript
You might like
php Http_Template_IT类库进行模板替换
2009/03/19 PHP
PHP 防恶意刷新实现代码
2010/05/16 PHP
ThinkPHP自动填充实现无限级分类的方法
2014/08/22 PHP
PHP快速排序quicksort实例详解
2016/09/28 PHP
php DES加密算法实例分析
2019/09/18 PHP
Mozilla中显示textarea中选择的文字
2006/09/07 Javascript
如何实现动态删除javascript函数
2007/05/27 Javascript
javascript 类定义的4种方法
2009/09/12 Javascript
Google 静态地图API实现代码
2010/11/19 Javascript
JQuery页面的表格数据的增加与分页的实现
2013/12/10 Javascript
在Linux系统中搭建Node.js开发环境的简单步骤讲解
2016/01/26 Javascript
AngularJs入门教程之环境搭建+创建应用示例
2016/11/01 Javascript
jQuery实现 上升、下降、删除、添加一行代码
2017/03/06 Javascript
vue 请求后台数据的实例代码
2017/06/22 Javascript
AngularJs用户输入动态模板XSS攻击示例详解
2018/04/21 Javascript
如何通过Proxy实现JSBridge模块化封装
2020/10/22 Javascript
[02:27]2014DOTA2国际邀请赛 VG赛后采访:更大的挑战在等着我们
2014/07/13 DOTA
Python设计模式之单例模式实例
2014/04/26 Python
python实现按行切分文本文件的方法
2016/04/18 Python
python判断一个集合是否为另一个集合的子集方法
2018/05/04 Python
Python学习笔记之Zip和Enumerate用法实例分析
2019/08/14 Python
python实现画出e指数函数的图像
2019/11/21 Python
tensorflow求导和梯度计算实例
2020/01/23 Python
Python操作word文档插入图片和表格的实例演示
2020/10/25 Python
教你使用Sublime text3搭建Python开发环境及常用插件安装另分享Sublime text3最新激活注册码
2020/11/12 Python
CSS的background属性及CSS3的背景图片设置总结
2016/06/13 HTML / CSS
canvas 橡皮筋式线条绘图应用方法
2019/02/13 HTML / CSS
SEPHORA丝芙兰德国官方购物网站:化妆品、护肤品和香水
2020/01/21 全球购物
期末自我鉴定
2014/02/02 职场文书
道德模范先进事迹
2014/02/14 职场文书
2014年党务公开方案
2014/05/08 职场文书
美食节策划方案
2014/05/26 职场文书
教师个人考察材料
2014/12/16 职场文书
2016年国庆节新闻稿范文
2015/11/25 职场文书
使用logback实现按自己的需求打印日志到自定义的文件里
2021/08/30 Java/Android
Redis安装使用RedisJSON模块的方法
2022/03/23 Redis