jQuery库分开发版和发布版:
名称 大小 说明
jquery-1.版本号.js(开发版) 约286KB 完整无压缩版本,主要用于测试、学习和开发
jquery-1.版本号.min.js(发布版) 约94.8KB 经过工具压缩或经过服务器开启Gzip压缩,主要应用于发布的产品和项目
在页面中引入jQuery:
<script src="js/jquery-1.12.4.js" type="text/javascript"></script>
ready()方法:使用jQuery弹出提示框
window.onload 与$(document).ready()类似,但也有区别
jQuery语法规则:
工厂函数$():将DOM对象转化为jQuery对象
选择器 selector:获取需要操作的DOM 元素
方法action():jQuery中提供的方法,其中包括绑定事件处理的方法
jQuery语法:$(selector).action() ;
jQuery操作页面元素:
使用addClass( )方法为元素添加样式
使用css( )方法设置元素样式
使用show( )、hide( ) 方法设置元素的显示和隐藏
addClass( )方法:
addClass( )方法为元素添加样式 语法:jQuery 对象.addClass([样式名]);
css( )方法:
css( )方法设置元素样式 语法:css("属性","属性值") ;
css({"属性1":"属性值1","属性2":"属性值2"...}) ;
设置元素的显示和隐藏:
语法:$(selector).show( );
$(selector).hide( );
jQuery代码风格:
“$”等同于“jQuery
”$(document).ready()等同于jQuery(document).ready()
$(function(){...})等同于jQuery (function(){...})
链式操作
隐式迭代