章节
问答
课签
笔记
评论
占位
占位

DOM对象转化成jQuery对象

相比较jQuery转化成DOM,开发中更多的情况是把一个dom对象加工成jQuery对象。$(参数)是一个多功能的方法,通过传递不同的参数而产生不同的作用。

如果传递给$(DOM)函数的参数是一个DOM对象,jQuery方法会把这个DOM对象给包装成一个新的jQuery对象

通过$(dom)方法将普通的dom对象加工成jQuery对象之后,我们就可以调用jQuery的方法了

HTML代码

<div>元素一</div>
<div>元素二</div>
<div>元素三</div>

JavaScript代码

var div = document.getElementsByTagName('div'); //dom对象
var $div = $(div); //jQuery对象
var $first = $div.first(); //找到第一个div元素
$first.css('color', 'red'); //给第一个元素设置颜色

通过getElementsByTagName获取到所有div节点的元素,结果是一个dom合集对象,不过这个对象是一个数组合集(3个div元素)。通过$(div)方法转化成jQuery对象,通过调用jQuery对象中的first与css方法查找第一个元素并且改变其颜色。

任务

在右边代码20行填入任务结果

将dom节点div转化为$div的jquery对象
?不会了怎么办

 var $div = $(div);

||
1
2
<!DOCTYPE html>
<html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
提交
重置代码
||

请验证,完成请求

由于请求次数过多,请先验证,完成再次请求

加群二维码

打开微信扫码自动绑定

您还未绑定服务号

绑定后可得到

  • · 粉丝专属优惠福利
  • · 大咖直播交流干货
  • · 课程更新,问题答复提醒
  • · 账号支付安全提醒

收藏课程后,能更快找到我哦~

使用 Ctrl+D 可将课程添加到书签

邀请您关注公众号
关注后,及时获悉本课程动态

举报

0/150
提交
取消
全部 精华 我要发布

最新回答 / RoughColorText
不一定的,符合js变量命名名规则的都可以用.(变量命名必须以字母、下划线”_”或者”$”为开头。其他字符可以是字母、_、美元符号或数字。)搜索复制

最新回答 / 洛伦兹的法拉第
这个不就是JS的基础语法么,把标签名为div的元素组成一个数组统一赋值给div变量,如果要进行操作不要忘记加角标

最新回答 / 阿橓
单从知识点来说:1.$("#father").append("<table border=1><tr><td>第一列</td><td>第二列</td></tr></table>");//$(#father)id为father的节点上增加一个表格,我这里实际写的时候用的div#father//jQuery中使用append,增加dom对象2.$("td").html("昵称");//使用html(有参数):设置d...

最赞回答 / shineliang
jQuery的链接http需要加s

最赞回答 / qq_慕圣626863
加引号表示读取div标签,不加引号表示读取上面声明的div的类数组。

已采纳回答 / cj啦啦啦啦
对象对应的操作方法是不一样的,dom对象使用dom对象属性,jQuery对象使用jQuery对象属性。两者可以转换但属性不能混淆。

已采纳回答 / 那云风
$first.css('color','red'),没有'='号

已采纳回答 / kiddywzq
不加引号的时候,里面是一个已经通过getElement()方法获得的dom对象,是把这个dom对象转换成jquery对象;加了引号的时候,里面是一个标签元素,是把这一类标签的集合转换成jquery对象。

已采纳回答 / fsocietytoo
$div.eq(1).css('color','red')这是设置第二个的,eq默认是从0开始,所以eq(1)代表第二个,依此类推

最赞回答 / 慕粉1474207369
<body> <div>第一个盒子</div> <div>第一个盒子</div> <div>第一个盒子</div> <script type="text/javascript">    var div=document.getElementsByTagName('div');    var $div=$(div);    var $first=$div.first()    $first.css('co...
全部 我要发布
最热 最新
只看我的

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

账号登录 验证码登录

遇到问题
忘记密码

代码语言