初识jQuery

时间:2022-12-28 11:01:44
什么是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[下标];