jQuery总结

来源:互联网 发布:java intent bundle 编辑:程序博客网 时间:2024/06/06 04:12

            jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“writeLess,DoMore”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。

1JQuery对象

约定jQuery对象要在变量前面加上$

jQuery对象就是通过jQuery包装DOM对象后产生的对象。

jQuery对象是jQuery独有的。

jQuery对象无法使用DOM对象的任何方法,同样DOM对象也不能使用jQuery里的任何方法

2jQuery优势

 

3jQuery对象转DOM对象

//jQuery转DOM        //jQuery对象是一个数组对象        $("#msg")[0];        //使用jQuery中的get(index)方法        $("#msg").get(0);        //DOM转jQuery        //$()把DOM对象包装起来即可实现        $(document.getElementById("msg"));        //简洁的写法        $("#id")   //document.getElementById("id")        $("tagName")  //document.getElementsByTagName("tagName")        //完善的事件处理机制        //使用DOM对象        //若在网页中没有id为“id”的元素,浏览器会报错。        //document.getElementById("id").style.color="red";        //需要先判断document.getElementById("id")是否存在        if(document.getElementById("id"))           document.getElementById("id").sty.color="red";               //使用jQuery对象                 //使用jQuery获取网页中元素及时不存在页也不会报错。           $("#id").css("color","red");



0 0
原创粉丝点击