jQuery总结

    xiaoxiao2021-03-25  92

                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");

    转载请注明原文地址: https://ju.6miu.com/read-17358.html

    最新回复(0)