1,JQuery是什么?
百度释义:jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
理解:jQuery是一个代码库,把我们经常用到的功能进行封装以方便我们调用,提高开发效率。就像我们把自己需要的做的事情封装为函数一样的,都是为了让我们更方便使用。
2,jQuery和JavaScript的区别:
JavaScript是一种脚本语言,用来编写客户端浏览器脚本,而jQuery则是一种包含多个可重用函数,辅助开发的库。
3,jQuery语法示例:
(this).hide()−隐藏当前元素
(
t
h
i
s
)
.
h
i
d
e
(
)
−
隐
藏
当
前
元
素
(“p”).hide() - 隐藏所有段落
(“.test”).hide()−隐藏所有class=”test”的所有元素
(
“
.
t
e
s
t
”
)
.
h
i
d
e
(
)
−
隐
藏
所
有
c
l
a
s
s
=
”
t
e
s
t
”
的
所
有
元
素
(“#test”).hide() - 隐藏所有 id=”test” 的元素
jQuery语法是为HTML元素选取编制,对其元素执行相应的操作。
:这个符号定义jQuery,()里面的是要选取的HTML的符号,如P标签等。而hide所代表的就是要执行的操作。我们一般在写js的时候会提前写上一句:
:
这
个
符
号
定
义
j
Q
u
e
r
y
,
(
)
里
面
的
是
要
选
取
的
H
T
M
L
的
符
号
,
如
P
标
签
等
。
而
h
i
d
e
所
代
表
的
就
是
要
执
行
的
操
作
。
我
们
一
般
在
写
j
s
的
时
候
会
提
前
写
上
一
句
:
(document).ready(function(){}); 这句话的意思是用函数来取代window.onload。onload()方法是在页面加载完成后才发生,这包括DOM元素元素和其他页面元素的加载,因此使用document.ready()方法的执行速度比onload()方法要快。jQuery使用document.ready来保证所要执行的代码是在DOM元素被加载完成的情况下执行。
4,jQuery选择器:
4.1元素选择器的语法(如选取
)元素:
$(“p”)
4.2属性选择器的语法(如选取带有href值属性的元素):
$(“[href]”)
4.3Css选择器的语法(如让所有p元素颜色改为红色)
$(“p”).css(“background-color”,red)
5,在JQuery学习中用到的方法:,
Parent 方法:获得一个父节点
Next方法获得一个节点的下一个兄弟节点,对应的previous方法可以获得一个节点的上一个兄弟节点
Animate:方法课可以实现任意的动画效果,可以控制某个css属性在某个时间内变化
Opacity可以改变元素的透明度
插件的编写:$.fn.myplugin=function(){}
总结:
我还有很多需要学习的地方,加油吧