1、 当dom结构加载完毕的事件
$(document).ready(function(){})
2、选择集合中第三个元素
$(".box ul").eq(2)
3、选择匹配元素的紧邻的下一个同胞元素
$(".active").next();
4、选择匹配元素的所有同胞元素
$().siblings()
5、选择匹配元素的所有class="active"的子元素
$().children(".active")
6、选择所有class="cur"的p元素
$("p").filter(".cur")
7、选择匹配元素的父元素的兄弟元素的所有子元素
$().parent().siblings().children()
8、选择匹配元素的所有后代p元素
$().find("p")
9、 设置匹配元素的内容为"<h1>111</h1>"
$().html("<h1>111</h1>")
10. 设置匹配表单元素的值是"hello"
$().val("hello")
11. 当在匹配的文本框元素上按键时,弹出文本框中输入的内容
$().keyup(function(){
console.log($(this).val());
})
12. 设置匹配元素的字号是16px, 颜色 是#f09
$().css({
fontSize: "16px",
color: "#f09"
})
13. 给当前匹配元素添加class="cur",同时删除同胞元素的cur
$().addClass("cur").siblings().removeClass("cur")
14. 给匹配元素设置向下展开的动画
$().slideDown()
15. 给匹配元素设置动画,实现最终宽度比原始宽度多200, 高度为500px
$().animate({
width: "+=200px",
height: 500
})
16. 当页面滚动时,设置页面滚动的过渡,使最终页面卷出600px的位置
$(window).scroll(function(){
$("html,body").animate({
scrollTop: 600
})
})
17. 获取匹配元素在同胞元素中的索引
$().index()
18. 获取匹配元素的个数
$().size()
19. 获取匹配元素距离页面顶部的偏移值
$().offset().top
20. 获取匹配元素相对父元素的偏移值
$().position()
21. 获取鼠标相对页面左侧的偏移值 (事件对象为e)
e.pageX
22. 阻止冒泡
e.stopPropagation()
23. 阻止浏览器默认行为
e.preventDefault()
24. 获取按键的键盘码
e.which
25. 以事件委托的方式,在class="list" 的ul 的所有li上添加行为: 单击li,打印当前li的内容
$("ul.list").on("click","li",function(){
console.log($(this).html())
})