选择器
基本选择器 id:$('#id') class:$('.class') 标签选择器: $('标签名称')组合选择器 后代选择器:$('.outer p') 子代选择器:$('.outer>p') 多元素选择器:$('.outer,#d1')属性选择器 $("[属性名='值']")表单选择器 $("[type='text']") == $(':text')筛选器: $('ul li').eq() $('ul li').first() $('ul li').last() $("").hasclass('c1') 导航查找方法: 向下查找兄弟标签: $().next() $().nextAll() $().nextUntil('.c1') 向上查找兄弟标签: $().prev() $().prevAll() $().prevUntil('.c1') 查找所有兄弟标签: $().sibilings() 查找子标签: 子代查找: $().children('') 后代查找: $().find('') 查找父级标签: $().parent() $().parentUntil('')属性操作 文本操作: $().html() $().text() $().val() 属性操作: DOM: ele.属性名=值 ele.setAttribute('属性名','值') jquery: $().attr('属性名') $().attr('属性名','值') class属性操作: $().addClass('c1') $().removeClass('c1') 节点操作： 创建节点： $(' <标签名> ') 父节点.append(子节点) 子节点.appendTo(父节点)
jquery事件绑定方式一: jquery对象.click(function(){ alert(123) })
jquery事件绑定方式二: jquery对象.on('click',function(){ alert(123) })方式一是方式二的简写形式，但是方式二可以动态的添加标签并且使刚添加的标签也有和其他标签相同的效果没有动态效果添加的用方式一，有事件委派发生的情况就用方式二
事件委派
- 111
- 222
- 333
$(document).ready(function(){}) == $(function(){})
把js代码放在head区域时，用于等整个文档加载完之后才会执行js代码
但习惯于把js代码放在body的最下面，所以上面的用法就可以不用了
each循环
111
222
333
表格操作
| 张三 | 12 | s6 | |
| 张三 | 12 | s6 | |
| 张三 | 12 | s6 |
文本操作
文档节点
hello world
clone示例
jquery动画
yuan
淡入淡出
jquery之偏移量
position