码迷,mamicode.com
首页 > Web开发 > 详细

jQuery入门(三)

时间:2018-09-26 19:14:45      阅读:151      评论:0      收藏:0      [点我收藏+]

标签:on()   style   css   oct   cti   pre   下标   code   接下来   

DOM对象&jQuery对象

什么是DOM对象?

DOM对象简单来说,就是javascript处理HTML文档时,把整个HTML文档当作document对象,把HTML中的每一个节点当作DOM对象来看待。

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>DOM对象&jQuery对象</title>
</head> <body> <div>
<p>世界如此美好,你却如此暴躁</p>
</div> </body> </html>
接下来,我们要选择p标签,并把内容改为Hello Evil-ME,并改为蓝色字体
在原生javascript中,我们通过以下方式来选择:
var p=document.getElementsByTagName("span")[0];
s.innerHTML=""Hello Evil-ME;
s.style.color="blue";

在jQuery中,我们通过这种方式来获取:
$(function(){   
var $p=$("#ME");
$p.html("Hello Evil-ME").css("color","blue");
});



 通过$("#ME)方法会得到一个$p的jQuery对象。

jQuery对象是一个伪数组对象,那么什么是伪数组对象呢?

伪数组对象其实就是像数组一样可以通过下标来访问内部数据的对象。

jQuery入门(三)

标签:on()   style   css   oct   cti   pre   下标   code   接下来   

原文地址:https://www.cnblogs.com/evil-smile/p/9704039.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!