一、选择网页元素
1.css选择器
2.特有表达式:(冒号)
二、方法函数化
2.1 原生
例如:window.onload
innerHtml
onclick
2.2 jquery
例如: $
html()
.click()
三、原生与 jquery
1 原生与JQ可以共存
ep: $('#div1').html()
oDiv.innerHtml
2 原生与JQ不能混用
ep: $('#div1').innerHTML //错误写法
oDiv.html() //错误写法
四、改变结果集
1 强大的过滤器
例如: has() not() filter()
2 相邻元素查找
例如: next() parent() children()
五、链式操作
end() 结果集后退一步
六、取值与赋值合体
例如: html() val() attr() width() text()
如单选框参数还可以是数组
注意:取值是一组元素中取第一个,赋值是所有元素赋值
七、元素的异形换位
1.直接移动该元素
例如: insertAfter() appendTo()
2.移动其他元素
例如:insert() append()
区别:操作的元素不同
八、强大的创建
1.使用¥直接创建
2.¥加字符串创建
3.clone(true)克隆
九、工具方法
1.构造函数上的方法
例如:$.each() $.trim()
2.原型上的方法
例如:$("#div1").each()
十、事件操作
1.独立事件
例如:click() mouseenter()
2. 通用事件
例如:bind() on() one() unbind() e:event对象 pageX等
阻止默认与冒泡 trigger自定义 toggle(可多个fn按顺序切换)
十一、运动特效
1.常见效果
例如: fadeIn() fadeOut() sideDown() sideUp() show() hide()
2.复杂效果
例如: animate() stop()
十二、插件机制、UI组件
扩展插件
使用组件