jQuery:
概念:一个JavaScript框架,极大的简化了JS的开发
jQuery是一个快速、小巧且功能丰富的JavaScript库。它使HTML文档遍历和操作、事件处理、动画和Ajax等操作变得更加简单,并具有易于使用的API,可以在多种浏览器中工作。结合了多功能性和可扩展性,jQuery改变了数百万人编写JavaScript的方式。
id是唯一的,如果出现多个属性设置同一种效果应该使用class
jQuery事件:
click():单击
dblclick():双击
mouseenter():鼠标移动到元素时
mouseleave():鼠标移动到元素然后离开时
mousedown():鼠标在当前元素上按下
mouseup():鼠标在当前元素上松开(按下之后)
hover():鼠标移动到属性时,鼠标离开属性时
例:
$("#p1").hover(
function(){
alert("你进入了 p1!");
},
function(){
alert("拜拜! 现在你离开了 p1!");
}
)
<p id="p1">这是一个段落。</p>
focus()和blur():
focus:当元素获得焦点时
blur():当元素失去焦点时