属性操作

》获取属性与设置属性

取值
jqobj.attr（属性名）赋值，赋一个
jqobj.attr(属性名，属性值）赋值，赋多个
jqobj.attr（{属性名：属性值，属性名2：属性值2}）

》移除属性

jqobj.removeAttr（属性名）

》另一种获取属性的方法

获取属性
jqobj.prop（属性名）设置属性
jqobj.prop(属性名，属性值）移除属性
jqobj.removeProp（属性名）

》attr获取属性与prop获取属性的比较

分别用两种方法试验一下。获取自定义属性与默认属性。获取单远框属性与多选框属性。

测试结果，prop拿不到自定义的属性，拿的话结果为 undefined

单选框，多选框获取checked属性的值，试验一下子

练习

购物车练习，复选框

全选

反选

全取消

随堂

》定义了一个特别的a标签

》获取属性的值

》添加新的属性值

》删除属性

》prop与attr 取属性值的区别

作业素材代码

<!doctype html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport"content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title><script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
</head>
<body><p></p>
<input type="checkbox" name="shopList">卤鸡蛋 <br>
<input type="checkbox" name="shopList">辣条  <br>
<input type="checkbox" name="shopList">旺仔牛奶  <br>
<input type="checkbox" name="shopList">湖南臭豆腐  <br>
<input type="checkbox" name="shopList">咪咪虾条  <br>
<input type="checkbox" name="shopList">小熊饼干  <br><input type="button" id="qx" value="全选">
<input type="button" id="fx" value="反选">
<input type="button" id="cancel" value="取消"></body>
</html>

jquery-属性操作相关推荐

jQuery属性操作以及一些实用方法
目录一.jQuery属性操作 1.prop() a.获取属性值 b.设置属性值 c.自定义属性值获取 2.数据缓存 3.jQuery内容文本值 a.普通元素内容 b.普通元素文本内容 c.获取设置表 ...
jQuery—常用API（jQuery 属性操作、jQuery 文本属性值、jQuery 元素操作）
1. jQuery 属性操作 1.1 设置或获取元素固有属性值 prop() 所谓元素固有属性就是元素本身自带的属性,比如 <a> 元素里面的 href,比如 <input> ...
web前端----jQuery属性操作
知识点总结 1.属性属性(如果你的选择器选出了多个对象,那么默认只会返回出第一个属性). attr(属性名|属性值) - 一个参数是获取属性的值,两个参数是设置属性值 - 点击加载图片示例 remo ...
Mr.J-- jQuery学习笔记(三十二)--jQuery属性操作源码封装
扫码看专栏 jQuery的优点 jquery是JavaScript库,能够极大地简化JavaScript编程,能够更方便的处理DOM操作和进行Ajax交互 1.轻量级 JQuery非常轻巧 2.强大的 ...
[jQuery原理] jQuery属性操作相关方法
属性操作相关方法 attr() 设置或者获取元素的属性节点值 attr: function (attr, value) {// 1.判断是否是字符串if(njQuery.isString(attr)) ...
jQuery 属性操作——案例：购物车案例模块
案例:购物车案例模块-全选 <!DOCTYPE html> <html lang="zh-CN"><head><meta charset= ...
jQuery 属性操作attr().prop().text().html().val()
这些方法用于获取和设置 DOM 元素的属性. 一.attr():  <!--属性:在元素里面写的,用attr方法操作.--& ...
jQuery 属性操作 - addClass() 和 removeClass() 方法
实例向第一个 p 元素添加一个类: $("button").click(function(){$("p:first").addClass("intr ...
jQuery属性操作之.val()
文章目录 .val()实例方法的三种用法 .val()函数源码调用形式:$('xxx').val(); 调用形式:$('xxx').val(value); 调用形式:$('xxx').val(fun ...
46 jQuery属性操作
技术交流QQ群:1027579432,欢迎你的加入! 欢迎关注我的微信公众号:CurryCoder的程序人生 1.设置或获取元素固有属性值prop() 所谓的固有属性就是指元素本身自带的属性.如< ...

jquery-属性操作

属性操作

练习

随堂

作业素材代码

jquery-属性操作相关推荐

最新文章

热门文章