jQuery实用版

版权声明: https://blog.csdn.net/weixin_42157608/article/details/80457219

一、检验jquery是否引入成功:alert($)

二、jquery文档加载完再执行:

1、完整写法:$(document).ready(function(){ .....  })

2、简写方式:$(function(){  .....  })

三、jquery选择器:

1、$(‘#div1’)   id选择器

2、$(‘.box’)    类选择器

3、$(‘li’)     标签选择器

4、$(‘.box span’)  层级选择器

5、$(‘div[class=”box2”]’)   属性选择器

四、选择集过滤

1、$div.has(‘span’)   选择包含span标签的div

2、$div.not(‘.box2’)   选择class名称不是box2的div

3、$div.eq(2)    选择第三个div

五、选择集转移

1、$div.prev()    选择div的上一个兄弟标签

2、$div.prevAll()  选择div上面所有的兄弟标签

3、$div.next()   选择div下一个兄弟标签

4、$div.nextAll()  选择div下面所有的兄弟标签

5、$div.parent()   选择div的父级标签

6、$div.children()  选择div的子级标签

7、$div.siblings()   相当于反选,选择div的所有兄弟标签,除了自己

8、$div.find(‘.sp02’)   选择div中的一个class名称是sp02的一个子级

六、操作元素的样式

1、操作行间样式,用css方法

      读取行间样式的值:$div.css(‘font-size’)

   设置行间样式:设置一个 $div.css(‘font-size’,’30px’)  设置多个:$div.css({‘color’:’red’,’font-weight’:’bold’})

2、操作样式类名:

      addClass()   增加样式类名

   removeClass()  删除样式类名

注意:两种操作样式的方法不要混合使用

七、绑定click事件: $div.click(function(){ .... })

This关键字:this指的是当前发生事件的对象,它是原生对象,$(this)指的是当前发生事件的jquery对象

索引值:jquery对象都有索引值,通过index() 方法获取


猜你喜欢

转载自blog.csdn.net/weixin_42157608/article/details/80457219
今日推荐