开发工具与关键技术:jQuery
作者:许达华
撰写时间:2019年04月26日
如果你了解Javascript语言,那将对你掌握jQuery如虎添翼,因为jQuery本身就是JavaScript,只不过是把JavaScript代码包装成拿过来就成实现特定功能的代码库。
就比如我们想改变页面中的所有标签中的文本内容
JavaScript代码
var abc = document.getElementsByTagName(“p”);
for (var i = 0; i < abc.length; i++)
{
abc[i].innerHTML = “你不是抓到我了嘛”;
}
jQuery代码
(
"
p
"
)
.
h
t
m
l
(
"
你
不
是
抓
到
我
了
嘛
"
)
;
以
上
两
段
代
码
完
成
的
功
能
是
一
样
的
,
由
此
可
见
j
Q
u
e
r
y
更
加
的
简
洁
方
便
,
我
们
在
处
理
D
O
M
时
不
必
关
心
功
能
实
现
的
细
节
。
("p").html("你不是抓到我了嘛"); 以上两段代码完成的功能是一样的,由此可见jQuery更加的简洁方便,我们在处理DOM时不必关心功能实现的细节。
("p").html("你不是抓到我了嘛");以上两段代码完成的功能是一样的,由此可见jQuery更加的简洁方便,我们在处理DOM时不必关心功能实现的细节。()就是jQuery中的函数,他的功能是获得()中指定的标签元素。
在jQuery中
(
)
方
法
等
价
于
j
Q
u
e
r
y
(
)
方
法
,
前
者
比
较
常
用
是
后
者
的
简
写
。
一
般
只
有
在
()方法等价于jQuery()方法,前者比较常用是后者的简写。一般只有在
()方法等价于jQuery()方法,前者比较常用是后者的简写。一般只有在()与其他语言冲突时才会使用jQuery()方法。
jQuery能使用CSS选择器来操作网页中的标签元素。如果你想要通过一个id号去查找一个元素,就可以使用如下格式的选择器:
$(“#my_id”)
其中#my_id表示根据id选择器获取页面中指定的标签元素,且返回唯一一个元素。
例如: