jquery

jquery

语法： $(selector).action()
例如： $(this).hide() 隐藏当前元素; $(“p”).hide() - 隐藏所有 p 元素;
$(“p.test”).hide() - 隐藏所有 class=“test” 的 p 元素
$("#test").hide() - 隐藏所有 id=“test” 的元素
$(“tr:even”) 选取偶数位置的 元素;
$(“p:first”) 选取第一个 p 元素
$(“ul li:first”) 选取第一个 ul 元素的第一个 li 元素
$(“ul li:first-child”) 选取每个 ul 元素的第一个 li 元素

选择器：

1.#id选择器     $("#test").hide()
2. .class选择器  $(".test")

jquery事件：

1.dbclick 双击事件
2.mouseenter()  当鼠标指针穿过元素时，会发生 mouseenter 事件；mouserleave() 离开元素时，会发生 mouseleave 事件
3.mousedown() 当鼠标指针移动到元素上方，并按下鼠标按键时，触发;mouseup()松开鼠标按钮触发
4.hover()  当鼠标移动到元素上时，会触发指定的第一个函数(mouseenter);当鼠标移出这个元素时，会触发指定的第二个函数(mouseleave)
5.focus() 元素获得焦点时，发生 focus 事件；blur() 当元素失去焦点时，发生 blur 事件。

效果:

1.toggle() toggle() 方法来切换 hide() 和 show() 方法；淡入淡出；滑动；

html:

1.捕获：
    text() - 设置或返回所选元素的文本内容
    html() - 设置或返回所选元素的内容（包括 HTML 标记）
    val() - 设置或返回表单字段的值
2.设置内容，语法同上
     $("#test1").text("Hello world!");
     $("#test2").html("<b>Hello world!</b>");
     $("#test3").val("RUNOOB");
3.添加新的html内容
     append() - 在被选元素的结尾插入内容     例如：$("p").append("追加文本");
     prepend() - 在被选元素的开头插入内容
     after() - 在被选元素之后插入内容                  例如：$("img").after("在后面添加文本")
     before() - 在被选元素之前插入内容
4.删除元素
     remove() - 删除被选元素（及其子元素）
      empty() - 从被选元素中删除子元素

遍历：

1.parent() 找到直接父元素；
2.parents() 找到根元素下的所有父元素；
3.children()返回被选元素的直接子元素
4.find()    返回所有后代元素
5.siblings() 返回所有同胞元素
6.next()    只返回下一个同胞元素
7.nextAll() 方法返回被选元素的所有跟随的同胞元素
8.nextUntil() 方法返回介于两个给定参数之间的所有跟随的同胞元素。