jQuery知识点梳理(三)

最新推荐文章于 2022-07-25 15:11:12 发布

qindayong！

最新推荐文章于 2022-07-25 15:11:12 发布

阅读量67

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/weixin_44036436/article/details/97700924

版权

jQuery 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

在这里插入图片描述
9、attr（）方法和removeAttr（）方法

attr（）

作用：获取或设置属性节点的值

可以传递一个参数，也可以传递两个参数

一个参数表示获取属性节点的值

两个参数表示设置属性节点的值

注意：无论找到多少个元素，都只会返回第一个元素指定的属性节点值

如果是设置找到多少元素就是会设置多少元素，如果设置的属性节点不存在，那么系统就会自动新增属性节点

2、removeAttr（）

作用：删除属性节点

注意：会删除所有找到的元素的指定的属性节点，如果要删除多个属性将属性用空格隔开

10、prop（）方法和removeProp（）方法

这两种方法与attr和removeAttr的用法相似

注意：prop不仅可以操作属性，还可以操作属性节点

prop和atr的区别

官方推荐在操作属性节点时，具有true和false两个属性的属性节点，如checked，selecked、disable使用prop

其他的使用attr方法

<body>
		<!--现在这是一个选中的多选框-->
		<input type="checkbox" checked/> 
		<script src="js/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var inputs=$('input');
			console.log(inputs.attr('checked'));//当多选框没有设置checked时返回undefined，当有checked时返回checked
			console.log(inputs.prop('checked'));//当有checked属性时返回true，没有时返回false
		</script>
	</body>

11、jquery类操作相关方法

1、addClass()添加类名，将类名当做字符串传入函数，添加多个时在字符串中用空格隔开

2、removeClass()删除类名。删那一个类就将那一个类当做字符串传递进去，删除多个时在字符串中用空格隔开

3、toggleClass（）切换类，如果有这个类名就删除如果没有就添加

12、HTML代码，文本，值相关操作

1、html（）和原生js中innerhtml一模一样

2、text（）和原生js中innertext一模一样

3、val（）和原生js中value的用法一模一样

13、操作css样式的方法

1、逐个设置

object.css（‘属性’，’属性对应的值‘）；

2、链式设置

object.css（‘属性’，’属性对应的值‘）.object.css（‘属性’，’属性对应的值‘）.object.css（‘属性’，’属性对应的值‘）

注意：链式操作如果大于三步建议分开，否则阅读性会很差

3、批量设置（通过对象以key：value的形式设置）

object.css({属性：’属性值‘，

		属性：’属性值‘，

		属性：’属性值‘

	});

4、获取css样式

语法：object.css（’属性‘）；

获取那个属性就把那个属性当字符串传递进去

14、尺寸和位置的操作方法

1、获取和设置元素的尺寸

width()、height()    获取元素width和height  
innerWidth()、innerHeight()  包括padding的width和height  
outerWidth()、outerHeight()  包括padding和border的width和height  
outerWidth(true)、outerHeight(true)   包括padding和border以及margin的width和height



//获取元素距窗口的偏移量
offset()
var X = $('#DivID').offset().top;
var Y = $('#DivID').offset().left;

//获取距离父元素的偏移量
var X = $('#DivID').position().top;
var Y = $('#DivID').position().left;
position方法只能获取不能设置

//jquery的scrollTop方法
object.scrollTop（）；//获取距离父元素滚动条的高度
object.scrollTop（100）；//设置距离父元素滚动条的高度

//获取html的滚动条位置，
$('html').scrollTop（）；//获取页面滚动条的高度

为兼容ie浏览器，获取时使用的写法是
$('html').scrollTop（）+$('body').scrollTop（）；
为兼容所有的浏览器，设置时使用的写法是
$('html,body').scrollTop（300）；

qindayong！

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery知识点梳理(三)

9、attr（）方法和removeAttr（）方法attr（）作用：获取或设置属性节点的值可以传递一个参数，也可以传递两个参数一个参数表示获取属性节点的值两个参数表示设置属性节点的值注意：无论找到多少个元素，都只会返回第一个元素指定的属性节点值如果是设置找到多少元素就是会设置多少元素，如果设置的属性节点不存在，那么系统就会自动新增属性节点2、removeAttr（）作用：删除属...
复制链接

扫一扫