Jquery之元素属性的设置和获取
2016-04-30 07:58
465 查看
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery-1.12.1.js"></script> <script> $(function(){ //attr函数不是js的函数,而是jquery扩展的函数 //意思是获取或者设置指定元素的属性 //1、设置百度的超链接,需要2个参数(key value) $("#aBaidu").attr("href", "http://www.baidu.com"); //2、获取指定属性值(参数为一个) $("#aBaidu").attr("href"); //3、要设置多个属性的时候,参数不再是key value,而是JSON对象{"key":"value", "key2":"value2"} $("img:first").attr({"src":"img/2.jpg","alt":"盼盼","width":"300px"}); //4、将页面中所有复选框都选中,如果选择器中选中了多个对象,那么属性会自动为每个元素添加属性 $("input[type='checkbox']").attr("checked", "checked"); //ps: 当获取属性的时候,如果选择器中获取了多个元素,那么只会取第一个元素 // 当设置属性时,如果选择器中获取了多个元素,那么会为每一个元素设置属性 }); </script> </head> <body> <a id="aBaidu" herf="#">百度</a> <input class="input" type="text" value="value" /> <input type="checkbox" value="A"/>A <input type="checkbox" value="B"/>B <input type="checkbox" value="C"/>C <input type="checkbox" value="D"/>D <input type="checkbox" value="E"/>E </body> </html>
相关文章推荐
- Jquery之子选择器和可见性选择器
- jquery怎么实现页面刷新后保留鼠标点击addclass的样式
- jQuery点击图片弹出放大特效下载
- JQuery--属性与样式
- JQuery--选择器
- JQuery--简介
- jQuery中常用的函数方法总结
- JSF JQUERY 使用datepicker
- 等待刷新之利器 -- 简单使用JQuery BlockUI
- Yii 中 jQuery 的引入问题
- js报TypeError $(...) is null错误,jquery失效的原因及解决办法
- jQuery控制TR显示隐藏
- Jquery改变td内容为1的颜色
- jquery 垂直无限轮播
- jQuery时间验证和转换为标准格式的时间
- jquery 子窗体获取父窗体控件并赋值,后台调用前台脚本或者在后台直接写脚本
- jquery Jbox 插件实现弹出窗口在修改的数据之后,关闭弹出窗口刷新父页面的问题
- 一个用jquery写的判断div滚动条到底部的方法【推荐】
- jQuery全屏滚动插件FullPage.js中文帮助文档API
- 文件上传功能 -- jquery.form.js/springmvc