jQuery介绍
jQuery只是JavaScript的程序库,相当于JavaScript技术的一个子集,所以他不能完全取代JavaScript。
jQuery的用途
访问操作DOM元素,控制页面样式,对页面事件的处理,方便使用jQuery插件,与Ajax技术的完美结合
jQuery的优势
较量级 ,强大的选择器,出色的DOM封装,可靠的事件处理机制,出色的浏览器兼容性,隐式迭代,丰富的插件支持
在页面中引入jQuery
<script src="js.jQuery-1.2.4.js" type="text/javascript"></script>
监听页面
$(document).ready(function(){
//执行代码
};);
$(function(){
//执行代码
});
工厂函数$
美元符号“$”等价于jQuery
$的作用是将DOM对象转换为jQuery对象
$()的参数是DOM对象时,该对象无须使用双引号包裹起来,如果获取的是document对象,则写作$(document)
选择器 selector
方法 action()
click()点击 mouseover移入 mouseout移出
使用addClass( )方法为元素添加样式
jQuery 对象.addClass([样式名])
使用css( )方法设置元素样式
css("属性","属性值") ;
css({"属性1":"属性值1","属性2":"属性值2"...})
显示:$(selector).show( );
隐藏:$(selector).hide( );
window.onload | $(document).ready() | |
执行时机 | 必须 等待网页中所有的内容加载完毕后(包括图片、flash、视频等)才能执行 | 网页中所有DOM文档结构绘制完毕后即刻执行,可能与DOM元素关联的内容(图片、flash、视频等)并没有加载完 |
编写个数 | 同一页面不能同时编写多个 | 同一页面能同时编写多个 |
简化写法 | 无 | $(function(){ //执行代码 }) ; |