开启掘金成长之旅!这是我参与「掘金日新计划 · 2 月更文挑战」的第 3 天,点击查看活动详情
什么是jQuery?
jQuery是目前最流行的JavaScript程序库,它是对JavaScript对象和函数的封装;jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(框架)于2006年1月由John Resig发布。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
jQuery能做什么?
访问和操作DOM元素
控制页面元素
对页面事件进行处理
扩展新的jQuery插件
与Ajax技术完美结合
jQuery的优势:
体积小,压缩后只有10kb左右
强大的选择器
出色的DOM封装
出色的游览器兼容性
使用隐式选带简化编程
丰富的插件支持
引入jQuery:
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 (DOM对象)
jQuery对象转换为DOM对象:
前提必须获取jQuery对象,才能进行转换
var DOM对象=$jquery对象[下标];
var DOM对象=$jquery对象.get[下标];