jQuery
基本选择器
元素选择器——$("p")
#id 选择器——$("#test")
.class 选择器——$(".test")
操作CSS
addClass()——向被选元素添加一个或多个类
实例:向center3类添加bian类
removeClass()——从被选元素删除一个或多个类
实例:向center3类删除bian类
toggleClass()——对被选元素进行添加/删除的切换动作
实例:使用 toggleClass() 方法来切换元素的 class
css()——设置或返回样式属性
实例:给P标签设置背景颜色
hover()方法
hover()方法规定当鼠标指针悬停在被选元素上时要运行两个函数方法触发mouseenter 和mouseleave事件
click()方法
单击元素时发生click事件
设置内容和属性
text()设置返回所选元素的文本内容
html()设置或返回所选元素的内容(包括HTML标记)
val()设置或返回表单字段的值
设置返回所选元素的文本内容:
设置或返回所选元素的内容(包括HTML标记):
设置或返回表单字段的值:
attr()设置/改变属性
jQuery添加元素
append()在被选元素的结尾插入内容(仍在元素内)
prepend()在被选元素开头插入内容(仍在元素内)
after()在被选元素后插入内容
before()在被选元素前插入内容
jQuery删除元素
remover()删除被选元素(即其子元素)
empty()从被选元素中删除子元素
筛选
过滤
eq()获取第N个元素
实例:通过为 index 为 2 的 div 添加适当的类,将其变为蓝色:
first()获取第一个元素
last()获取匹配的最后个元素
hasClass(class)——检查当前的元素是否含有某个特定的类,如果有,则返回true。
查找
parent()取得一个包含着所有匹配元素的唯一父元素的元素集合。
parents()取得一个包含着所有匹配元素的祖先元素的元素集合
prev()用于筛选前一个同辈元素的表达式
next()这个函数只返回后面那个紧邻的同辈元素
文档处理
append()这个操作与对指定的元素执行appendChild方法,将它们添加到文档中的情况类似。
jQuery对象访问
each(function(){})遍历return false;跳出循环
size()jQuery 对象中元素的个数。
parseInt()强转为int型
jQuery focus()、blur()方法
focus()当元素获得焦点时,发生focus事件当通过鼠标点击选中元素或通过tap键定位到元素时,该元素就会获得焦点
blur()当元素失去焦点时,发生blur事件 blur()方法触发blur事件,或规定当发生blur事件时运行的函数
获取当前文本框的默认值
input输入框,我们使用this.defaultvalue设置默认值
事件
click()点击事件
change()触发每个匹配元素的change事件当元素的值发生改变时,会发生 change 事件。
keyup()触发每一个匹配元素的keyup事件keyup事件会在按键释放时触发
DOM操作
创建元素$("<li title="111" >阴阳师</li>")
插入节点$("h3").append("<b>我不喜欢玩游戏</b>")
删除节点$("ol li").eq(1).remove()
插件步骤
1、引用(js css)
2、特定css 添加
3、需要用插件的地方的元素(div) 绑定元素和插件的关系
4、插件的启动函数(插件效果运行起来)