jquery 元素第二个_Web前端之jQuery

1、jQuery是一个快速,小巧,功能丰富的JavaScript库。jQuery 使HTML文档遍历和操作,事件处理和动画等操作变得更加简单。

var 
jQuery的代码将在所有主流浏览器中运行完全相同,包括Internet Explorer 6!

2、可以从http://www.jquery.com下载jQuery库的副本,或者从CDN(内容分发网络)(如BootCDN或百度CDN)中引入。 将使用BootCDN上的CDN。要开始使用jQuery,首先需要使用script标签将其添加到我们的HTML文档的头部。

<!DOCTYPE html>

在使用HTML文档之前等待HTML文档完全加载并准备就绪是一种很好的做法。为此,我们使用 document(文档) 对象的ready事件:

$

$ 用于访问jQuery。 从这里开始,代码访问document对象,并定义了当 document 的 ready 事件触发时要调用的函数。 这样可以防止任何jQuery代码在文档加载完成之前运行。我们有一个方便的快捷方式, 等价于上面的代码:

$

3、现在,在我们head部分中引入了jQuery库,并且已经定义了文档就绪事件,我们可以开始我们的第一个jQuery操作! 让我们改变div元素的内容。

<!DOCTYPE html>

以上代码, 在页面文档准备就绪后将 id ="start" 的元素的HTML更改为"出发吧,骚年!"。

4、jQuery用于选择(查找)HTML元素并对其执行"操作"。

$

selector 是选择器, 用于查找HTML元素。action 是要元素要执行的动作。

$

jQuery使用CSS选择器语法来选择元素。

5、选择

jQuery选择器以美元符号和圆括号开头:$()。注意: jQuery中所有的符号都是英文符号。最基本的选择器是元素选择器,它根据元素名称选择所有元素。

$

接下来是id和类选择器,它们通过id和类名来选择元素:

$

还可以对选择器使用以下语法:

$

选择器比纯JavaScript更容易访问HTML DOM元素。

6、常用选择器

3df08d0abefb783549ca9f2a69d36c11.png

7、可以通过jQuery轻松的操作分配给HTML元素的属性。比如元素的 href,src,id,class,style 属性。attr()方法用于获取属性的值。

<

attr() 方法还允许我们通过第二个参数来给属性设置一个值。

$

8、删除属性

你还可以从HTML元素中删除属性。removeAttr() 方法用于删除元素的任何属性。

$

9、可以通过jQuery操作HTML元素的内容。html() 方法用于获取所选元素的内容,包括HTML标记。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值