jquery中的基本理解以及样式属性操作

Jquery是一个功能丰富的js库

Js库: 封装了很多方法的js文件,需要时引入即可。

Jquery中的入口函数

1.$(function(){…})

2.$(document).ready(function(){……})

特点:等待页面加载完成即执行代码;形成沙箱,防止全局变量的污染

和window.onload区别:

它可以支持写多个,不会覆盖,window.onload存在覆盖问题;

在执行时jquery会提前执行,不需要等待图片等加载

Jquery对象和dom对象

Dom对象:通过js dom方式,获取的页面元素,就是dom对象

Jquery对象: 通过jquery方式,获取页面元素得到的对象,就是jquery对象

他们两者之间的关联以及相互转换

Jquery对象是dom对象的集合,里面存放了很多的dom对象;jquery对象是一个伪数组

Jquery对象和dom对象属性方法不能混用

Jquery对象可以通过下标取出来就是一个dom对象了

注意点: .get方法获取到的是dom对象;.eq()获取到的是jquery对象

Jquery中的选择器

过滤选择器:$(‘li:odd’) 找奇数下标的li,下标从0开始

$(‘li:even’)

:first

:last

:eq()

:selected(checked disabled) 找被选中的

筛选选择器

.next() 下一个兄弟元素

.prev() 上一个兄弟元素

.siblings() 所有的兄弟元素,不包括自己

.children() 所有的子代

.parent() 找父元素

.eq(index) 找对应下标的元素,index从0开始

.find() 找后代

操纵样式的css方法

1.   设置单个样式 css(name,value)

2. 设置多个样式 css(obj)

3. 获取样式 css(name) 获取的是第一个元素的样式

操作类名的class方法

1.   addClass() 添加类

2.   removeClass()删除类

3.   hasClass() 判断类  只要元素中有一个元素有这个类就返回true

4.   toggleClass() 切换类

jquery属性操作

attr

1.设置单个属性 attr(name,value)

2.设置多个属性attr(obj)

3.获取属性 attr(name)

4.移除属性 removeAttr(name)

Prop 专门操作布尔类型的属性  [disabled checked selected]

Prop(checked) 获取

Prop(checked, true) 设置

猜你喜欢

转载自www.cnblogs.com/z-lin/p/11101940.html