jQuery

本文介绍了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里面的属性和方法。

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值