Jquery

一、选择器:
1、基本选择器:跟css很像。
1)基本
id选择器:#
class选择器:.
标签选择器:标签名
2)组合
并列:用,隔开
后代:用空格隔开
2、过滤选择器
1)基本过滤:
首尾:首个first,尾个last
等于:任意个 :eq(索引号)ps:$(".div").eq(1)或是$(".div:eq(1)")
不等于:大于是:gt(索引号),小于是:lt(索引号),排除是:not(选择器)
ps:$(".div:gt(1)"),$(".div:not(#div1)")
奇偶,按索引,从0开始:奇数 :odd 是把奇数排除了,偶数 :even 是把偶数排除了
2)属性过滤:
属性名过滤: [属性名] ps:$(".div:[aaa]")
属性的明值对过滤:[属性名=值],[属性名!=值]
3)内容过滤
文字 :contains("字符串")包含了某一段字符串
子元素 :has("选择器")

二、事件
1、常规事件:把js中的事件,on去掉即可
复合事件:hover(function(){},function(){}).相当于把mouseover(鼠标移入)mouseout(鼠标移出)合二为一
toggle(function(){},function(){},....)可以放无数个function方法. 点击事件循环执行 
2、事件冒泡:阻止事件冒泡用return false

三、DOM操作
1、操作属性:
1)获取属性
var a=$("选择器").attr("属性名")
2)设置属性
$("选择器").attr("属性名","属性值")
3)删除属性
$("选择器").removeAttr("属性名")
2、操作样式
1)操作内联样式
获取样式
var a=$("选择器").css("样式名")
设置样式
$("选择器").css("样式名","值")
2)操作样式表的class
添加class
$("选择器").addClass("class名")
移除class
$("选择器").removeClass("class名")
移除后立马添加
$("选择器").removeClass("class名")..addClass("class名")
添加移除交替class
$("选择器").toggleClass("class名")
ps:$("#div").toggleClass(".b",".a")//b替换a,刚开始显示的是a

posted on 2016-08-19 15:31  爱意红沉  阅读(123)  评论(0编辑  收藏  举报