700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > Mr.J-- jQuery学习笔记(二十九)--属性操作方法(获取属性判断)

Mr.J-- jQuery学习笔记(二十九)--属性操作方法(获取属性判断)

时间:2021-09-20 13:30:21

相关推荐

Mr.J-- jQuery学习笔记(二十九)--属性操作方法(获取属性判断)

获取

attr()

<span class="span1" name="it666"></span><span class="span2" name="yjk11"></span>

设置或者获取元素的属性节点值

传递一个参数, 返回第一个元素属性节点的值

console.log($("span").attr("class"));

传递两个参数, 代表设置所有元素属性节点的值,并且返回值就是方法调用者

console.log($("span").attr("class", "abc"));

传递一个对象, 代表批量设置所有元素属性节点的值

$("span").attr({"class": "123","name": "888"});

改变之后:

prop()

设置或者获取元素的属性值

传递两个参数, 代表设置所有元素属性节点的值,并且返回值就是方法调用者

console.log($("span").prop("abc", "yjk11"));

传递一个参数, 返回第一个元素属性节点的值

console.log($("span").prop("abc"));

传递一个对象, 代表批量设置所有元素属性节点的值

$("span").prop({"aaa": "111","bbb": "222"});

.css()

设置获取样式

<body><div class="box1">div1</div><div class="box2">div2</div></body>

*{margin: 0;padding: 0;}.box1{width: 100px;height: 100px;background: red;margin-bottom: 10px;}.box2{width: 200px;height: 200px;background: blue;margin-bottom: 10px;}

传递一个参数, 返回第一个元素指定的样式

传递两个参数, 代表设置所有元素样式,并且返回值就是方法调用者

传递一个对象, 代表批量设置所有元素样式

获取样式

查阅资料,发现错误原因

Element.currentStyle是一个与window.getComputedStyle方法功能相同的属性。这个属性实现在旧版本的IE浏览器中.

设置样式

val()

获取设置value的值

不传递参数, 返回第一个元素指定的样式

传递两个参数, 代表设置所有元素样式,并且返回值就是方法调用者

设置元素内容

获取内容

var input = document.querySelector("input");var btn = document.querySelector("button");btn.onclick = function (ev) {console.log(input.getAttribute("value"));console.log($('input').val());console.log(input.value); }

判断

hasClass()

判断元素中是否包含指定类

<div class="aabb cc dd"></div><div class="aabb bb"></div>

传递参数, 只要调用者其中一个包含指定类就返回true,否则返回false

没有传递参数, 返回false

获取元素中class保存的值

getAttribute() .className

通过indexOf判断是否包含指定的字符串

定义和用法

indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。

语法

stringObject.indexOf(searchvalue,fromindex)

说明

该方法将从头到尾地检索字符串 stringObject,看它是否含有子串 searchvalue。开始检索的位置在字符串的 fromindex 处或字符串的开头(没有指定 fromindex 时)。如果找到一个 searchvalue,则返回 searchvalue 的第一次出现的位置。stringObject 中的字符位置是从 0 开始的。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。