引用 jQuery库(引用百度的):
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"> </script>
jquery入口函数(在 html 所有标签(DOM)都加载之后,就会去执行):
$(document).ready(function(){
// 执行代码
});
或者
$(function(){
// 执行代码
});
JavaScript 入口函数(等到所有内容,包括外部图片之类的文件加载完后,才会执行):
window.onload = function () {
// 执行代码
}
id选择器:$("#test").property
类选择器:$(".test").property
元素选择器:$("p").property
选取第一个 <p> 元素:$("p:first")
选取第一个 <ul> 元素的第一个 <li> 元素:$("ul li:first")
选取每个 <ul> 元素的第一个 <li> 元素:$("ul li:first-child")
选取带有 href 属性的元素:$("[href]")
选取所有 type="button" 的 <input> 元素 和 <button> 元素:$(":button")
选取偶数位置的 <tr> 元素:$("tr:even")
选取奇数位置的 <tr> 元素:$("tr:odd")
选取所有 target 属性值等于 "_blank" 的 <a> 元素:$("a[target='_blank']")
选取所有 target 属性值不等于 "_blank" 的 <a> 元素:$("a[target!='_blank']")
常见jquery的 DOM 事件:
鼠标事件:
click(按钮单击事件)
dblclick(按钮双击事件)
mouseenter(当鼠标指针穿过元素时)
mouseleave(当鼠标指针离开元素时触发)
mousedown(鼠标指针移动到元素上方,并按下鼠标按键时触发)
mouseup (当在元素上松开鼠标按钮时触发)
键盘事件:
keypress(键被按下时触发)
keydown(键按下的过程触发)
keyup(键被松开时触发)
hover(mouseenter(),mouseleave())(当鼠标移动到元素上时,会触发指定的第一个函数(mouseenter);当鼠标移出这个元素时,会触发指定的第二个函数(mouseleave))
表单事件:
submit(当提交表单时触发)
change(当元素的值改变时触发)
focus(当通过鼠标点击选中元素或通过 tab 键定位到元素时,该元素就会获得焦点并触发)
blur(当元素失去焦点时触发)
文档/窗口事件:
resize(当调整浏览器窗口大小时触发)
scroll(当用户滚动指定的元素时触发)