jquery基本操作

  1. 检验jquery是否引入成功:alert($)


  1. jquery文档加载完再执行:

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

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


  1. jquery选择器:

  1. $(#div1) id选择器

  2. $(.box) 类选择器

  3. $(li) 标签选择器

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

  5. $(div[class=box2]) 属性选择器


  1. 选择集过滤

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

  2. $div.not(.box2) 选择class名称不是box2div

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


  1. 选择集转移

  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. 操作元素的样式

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

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

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


  1. 操作样式类名:

    addClass() 增加样式类名

    removeClass() 删除样式类名


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


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

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

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

猜你喜欢

转载自www.cnblogs.com/rex-zheng/p/9091864.html
今日推荐