jQuery选择器

本文介绍jQuery如何简化DOM操作,通过对比JavaScript原生代码与jQuery代码,展示jQuery在处理DOM元素时的简洁性和便利性。文章详细解释了jQuery的函数、方法及CSS选择器的使用,如('#my_id')用于根据ID查找元素。

开发工具与关键技术: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代码
( &quot; p &quot; ) . h t m l ( &quot; 你 不 是 抓 到 我 了 嘛 &quot; ) ; 以 上 两 段 代 码 完 成 的 功 能 是 一 样 的 , 由 此 可 见 j Q u e r y 更 加 的 简 洁 方 便 , 我 们 在 处 理 D O M 时 不 必 关 心 功 能 实 现 的 细 节 。 (&quot;p&quot;).html(&quot;你不是抓到我了嘛&quot;); 以上两段代码完成的功能是一样的,由此可见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选择器获取页面中指定的标签元素,且返回唯一一个元素。
例如:

浏览器显示效果: ![在这里插入图片描述](https://img-blog.csdnimg.cn/20190428091712760.png) 从图中可以看出,通过#id选择器的方式获取元素,并在元素中调用html()方法为id=”div1”元素设置了文字显示在页面中。 此外,html()方法的功能是设置或获取元素中显示的内容。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值