jQuery

一、jQuery概述
1、jQuery介绍
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
我们使用jQuery可以更好地完成以下操作:
(1)html文件操作,对于DOM相关操作优化
(2)jQuery提供更加方便与丰富的事件处理
(3)jQuery提供简单动画特效
(4)jQuery提供Ajax交互
我们知道,要使用任何一个JS框架,都是需要导入相关的JS文件
jQuery它的插件机制特别丰富,在开发中可以选择非常多的相关插件,例如:表单校验插件、树型结构等
2、jQuery快速入门
http://jquery.com
PC端开发使用比较主流的是1.x版本
第一步导入jQuery文件
第二步完成操作

<head> <script type="text/javascript"> $(function(){ alert("hello jquery"); }); </script> </head> 相当于 <head> <script type="text/javascript"> window.onload=function(){ alert("hello xxxx");}//(如果有多个后面的会覆盖前面的弹出框,使用jQuery不会出现这种情况) </script> </head> 二、jQuery核心函数 window.jQuery=window.$=JQuery; 1、jQuery(callback) jQuery(callback)是$(document).ready()的简写 $(document).ready(function(){});页面加载完成后,指定的函数执行

完整:
jQuery(document).ready(function(){
alert("hello jquery1");
});
简写1:
\((document).ready(function(){ alert("hello jquery2"); }); 简写2: jQuery(function(){ alert("hello jquery3"); }); 简写3: \)(function(){
alert("hello jquery4");
});
2、jQuery[html,[ownerDocument]]
jQuery(html代码)它的作用是将一个DOM对象包装成jQuery对象
jQuery中定义的方法和属性只有jQuery对象可以调用
html:用于创建DOM元素的HTML标记字符串
ownerDocument:创建DOM元素所在的文档
这个核心函数的作用是将一个DOM对象包装成了jQuery对象
而它的第一个参数是HTML代码
它的第二个参数是可选的,用于设置DOM的相关属性
3、jQuery([selecter,[context]])
这个函数我们使用它的主要作用是用于在页面上查找,根据css选择器参数1就是css选择器
jQuery中提供了九种选择器
参数2:context就是指定要查找的DOM集
对于DOM对象-->jQuery对象:$(dom)
对于jQuery对象-->DOM对象:jQuery对象[0]或者jquery.get(0)
三、基本选择器
1、基本选择器

id根据id属性查找一个元素

Element根据元素的标签名称查找元素
.class根据元素的class属性查找元素
·匹配所有元素
select1,selector2……将每一个选择器匹配到元素合并后一起返回
2、层级选择器
层级选择权是根据元素的关系来获取,关系是指父子关系,兄弟关系

posted @ 2020-01-23 23:51  -筱  阅读(134)  评论(0编辑  收藏  举报