jQuery

最新推荐文章于 2025-06-24 08:45:44 发布

转载最新推荐文章于 2025-06-24 08:45:44 发布 · 586 阅读

本文介绍了jQuery，它是快速、简洁的JavaScript框架，宗旨是“write Less，Do More”，能优化HTML文档操作等。还说明了使用jQuery需先引入，对比了jQuery与js加载函数，介绍了获取元素的方法，以及DOM对象和jQuery对象的区别与转换。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.JQuery简介

1.1什么是jQuery

Query是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗

旨是"write Less，Do More"，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript

设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。

jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器，并且可对CSS选择器进行

扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

1.2怎么使用jQuery

Jquery它是一个库(框架)，要想使用它，必须先引入！

jquery-1.8.3.js：一般用于学习阶段。

jquery-1.8.3.min.js：用于项目使用阶段

1.3jQuery的简单入门

    //js中加载函数的写法
   /* window.onload=function(){
        document.getElementById("hh").innerHTML="你好,我是王尼玛";
    }
*/

      $(function(){
          $("#hh").html("你好,我是王尼玛他爸");
      });

Jquery加载函数与js加载函数的区别

1.4获取元素

JS:document.getElementById()系列;

JQ:$(“#id”);

$()à工厂函数 作用：1.获取DOM元素2.将DOM对象转为jquery对象

1.5DOM对象和jQuery对象

DOM对象：直接使用JavaScript获取的节点对象

var objDOM=document.getElementById("title");

var objHTML=objDOM.innerHTML;

jQuery对象：使用jQuery包装DOM对象后产生的对象，它能够使用jQuery中的方法

$("#title").html( );等同于

document.getElementById("title").innerHTML

DOM对象和jQuery对象分别拥有一套独立的方法，不能混用

DOM对象转jQuery对象

var txtName =document.getElementById("txtName");

//jquery变量的命名规则变量名添加$

var $txtName =$(txtName);

jQuery对象是一个类似数组的对象，可以通过[index]的方法得到相应的DOM对象

通过get(index)方法得到相应的DOM对象

var $txtName =$("#txtName");

var txtName =$txtName.get(0);

<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script type="text/javascript">

$(function(){
          $("#hh").html("你好,我是王尼玛他爸");
         var love= $("input").get(0);
          var $love=$(love);
          alert($love.val());
      });

</script>
<body>
<div id="hh"></div>
<input name="love" type="checkbox" value="朱茵">
<input name="love" type="checkbox" value="马小玲">
</body>

注意：JQ对象只能操作JQ里面的属性和方法

JS对象只能操作JS里面的属性和方法。