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() 方法返回介于两个给定参数之间的所有跟随的同胞元素。