JQuery样式笔记

1.JQuery对象与Dom对象不一样

   例:<p id="demo">我是例子</p>  要求:给文本节点更改文字:啦啦啦~ 并且改变文字颜色为红色

  (1) 普通处理:标准JS----

   windows.onload = function(){

     //先获取id为demo的P元素

      var p = document.getElementById("demo");

      //将元素内容在HTML中改变

      p.innerHTML=' 啦啦啦~';

      p.style.color = 'red';

    }

   (2)jquery的处理:

    //用JQ语法获取id为demo的元素获得jq对象

   //调用该对象的html()方法更改内容

   //调用该对象的css()方法更改颜色

    $(document).ready(function(){

     var $p = $('#demo');

     $p.html.('啦啦啦~').css('color','red');

    });

 

总结:

  1. 通过jQuery方法包装后的对象,是一个类数组对象。它与DOM对象完全不同,唯一相似的是它们都能操作DOM。
  2. 通过jQuery处理DOM的操作,可以让开发者更专注业务逻辑的开发,而不需要我们具体知道哪个DOM节点有那些方法,也不需要关心不同浏览器的兼容性问题,我们通过jQuery提供的API进行开发,代码也会更加精短。

疑问:类数组对象是什么???

 

posted @ 2017-07-31 11:37  脑袋空空空想家  阅读(135)  评论(0)    收藏  举报