什么是jQuery?
jQuery是目前最流行的JavaScript程序库,它是对JavaScript对象和函数的封装;
jQuery能做什么?
访问和操作DOM元素
控制页面元素
对页面事件进行处理
扩展新的jQuery插件
与Ajax技术完美结合
jQuery的优势:
体积小,压缩后只有10kb左右
强大的选择器
出色的DOM封装
出色的游览器兼容性
使用隐式选带简化编程
丰富的插件支持
引入jQuery:
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
jQuery的基本结构:
$(选择器).jquery方法
$(document).ready(function(){
//此处写代码
})
简化后:
$(document(){
//此处写代码
$(选择器).jquery方法
})
$:代表jQuery对象 document;代表当前文档 ready():文档加载时
给元素添加样式:
$(选择器).addClass() 添加一整套样式
$(选择器).css() 直接添加样式
添加一个样式: $(选择器).css("属性","属性值")
添加多个样式: $(选择器).css({"属性1":"属性值1","属性2":"属性值2"....})
$(选择器).show: 显示元素
$(选择器).hide: 隐藏元素
DOM对象:
相当于使用获取节点的方式得到的对象,称为原声js对象
例:var idname=document.getElementById("#id");
jQuery对象:
相当于使用工厂函数获取的对象,称为jQuery对象
例:$("#id");
DOM对象转换为jQuery对象:
前提是必须要获取DOM对象,才能进行转换
var $jquery对象 = $(DOM对象)
jQuery对象转换为DOM对象:
前提必须获取jQuery对象,才能进行转换
var DOM对象=$jquery对象[下标];
var DOM对象=$jquery对象.get[下标];