jQuery入门

Posted evil-smile

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jQuery入门相关的知识，希望对你有一定的参考价值。

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入门的主要内容，如果未能解决你的问题，请参考以下文章

markdown 在WordPress中使用jQuery代码片段

使用 NodeJS 和 JSDOM/jQuery 从代码片段构建 PHP 页面

很实用的JQuery代码片段（转）

几个有用的JavaScript/jQuery代码片段（转）

几个非常实用的JQuery代码片段

高效Web开发的10个jQuery代码片段