jQuery其二

一、类相关操作

　　1、jQ_obj.addClass('c1')：添加类c1。

　　2、jQ_obj.removeClass('c1')：移除类c1。

　　3、jQ_obj.hasClass('c1')：判断是否已经继承了类c1。

　　4、jQ_obj.toggleClss('c1')：切换对类c1的继承/不继承。

二、CSS相关操作

　　1、链式操作：有些jQ_obj的方法调用后返回的还是这个jQ_obj，所以可以在调用表达式的后面继续调用其他方法，以此实现了一行代码调用多个方法，这就是链式操作。如，jQ_obj.first().css('color', 'red').last().css('color', 'blue')。

　　2、括号内不加参数就是获取当前状态，加上参数就是设置为此参数。

　　3、位置相关：

　　　　①、jQ_obj.offset()：标签相对于浏览器窗口的位置(上外边距和左外边距)。

　　　　②、jQ_obj.position()：标签相对于父标签的位置(上外边距和左外边距)。

　　　　③、jQ_obj.scrollTop()：标签相对于页面顶部的距离。多用---$(window).scrollTop()，来监测窗口的垂直位置。

　　　　④、jQ_obj.scrollLeft()：标签相对于页面左边的距离。

　　4、尺寸相关：

　　　　①、jQ_obj.height()：文本的高度。

　　　　②、jQ_obj.width()：文本的长度。

　　　　③、jQ_obj.innerHeight()：文本的高度+上下内边距。

　　　　④、jQ_obj.innerWidth()：文本的宽度+左边内边距。

　　　　⑤、jQ_obj.outerHeight()：文本的高度+上边内边距+边框上下线宽。

　　　　⑥、jQ_obj.outerWidth()：文本的宽度+左右内边距+边框左右线宽。

　　5、文本相关：

　　　　①jQ_obj.text()：纯文本内容。

　　　　②jQ_obj.html()：含有html语法格式的内容。

　　

 

标签：jQuery,obj,标签,其二,jQ,内边,c1,文本
来源： https://www.cnblogs.com/caoyu080202201/p/12927305.html