什么是jQuery?
jQuery 是一个JavaScript框架。语法简单,使用方便。兼容CSS3,还兼容各种浏览器。文档说明很全,应用详细,成熟插件很多。
其核心理念是 write less,do more
导入.js库操作
<script src="../js/jquery-1.11.0.js"(jQuery路径) type="text/javascript" ></script> ------类似于 java的 导包
write less 体现
jQuery(选择器)=$(选择器)
使用JS代码遍写页面加载事件
window.οnlοad=function(){ }
使用jQuery代码编写页面加载事件
jQuery(document).ready(function(){ }); ==> jQuery(function(){ }); ==> $(function(){ });
jQuery对象和DOM转换
DOM对象转换成JQuery对象
jQuery(dom 对象)== $(dom 对象)
jQuery对象转成DOM对象
$inpt[index]
案例
全选/全不选,反选
<script>
$(function(){
//全选
$("#selectAllId").click(function(){
$(".itemSelect").prop("checked",this.checked);
});
//反选
$("#reverseId").click(function(){
$("#.itemSelect").each(function(){
$(this).prop("checked",!this.checked);
});
});
});
</script>