初始jQuery

  JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF1.5+, Safari 2.0+, Opera 9.0+),jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML(标准通用标记语言下的一个应用)、events、实现动画效果,并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需要定义id即可。

jQuery是一个兼容多浏览器的javascript库,核心理念是write less,do more(写得更少,做得更多)。jQuery在2006年1月由美国人John Resig在纽约的barcamp发布,吸引了来自世界各地的众多JavaScript高手加入,由Dave Methvin率领团队进行开发。如今,jQuery已经成为最流行的javascript库,在世界前10000个访问最多的网站中,有超过55%在使用jQuery。

jQuery是免费、开源的,使用MIT许可协议。jQuery的语法设计可以使开发更加便捷,例如操作文档对象、选择DOM元素、制作动画效果、事件处理、使用Ajax以及其他功能。除此以外,jQuery提供API让开发者编写插件。其模块化的使用方式使开发者可以很轻松的开发出功能强大的静态或动态网页。

  jQuery,顾名思义,也就是JavaScript和查询(Query),即是辅助JavaScript开发的库。

  在页面中引入jQuery

  

<html>
<head>
<title></title>
<script src="JQUERY路径"></script>
<script type="text/javascript"></script>
</head>
<body></body>
</html>

jQuery 语法

jQuery 语法是为 HTML 元素的选取编制的,可以对元素执行某些操作。

基础语法是:$(selector).action()

  • 美元符号定义 jQuery(工厂函数)
  • 选择符(selector)“查询”和“查找” HTML 元素
  • jQuery 的 action() 执行对元素的操作

DOM对象和jquery对象

  DOM里的节点通常分为3中类型,即元素节点,文本节点和属性节点

jQuery对象就是通过jQuery包装DOM对象后产生的对象,它能够使用jQuery中的方法。

jquery对象与dom对象的相互转换

1.DOM对象转成jQuery对象:

对于已经是一个DOM对象,只需要用$()把DOM对象包装起来,就可以获得一个jQuery对象了。$(DOM对象)

如:var v=document.getElementById("v");  //DOM对象

var $v=$(v);    //jQuery对象

转换后,就可以任意使用jQuery的方法了。

2.jQuery对象转成DOM对象:

两种转换方式将一个jQuery对象转换成DOM对象:[index]和.get(index);

(1)jQuery对象是一个数据对象,可以通过[index]的方法,来得到相应的DOM对象。

如:var $v =$("#v") ; //jQuery对象

var v=$v[0];    //DOM对象

alert(v.checked)   //检测这个checkbox是否被选中

(2)jQuery本身提供,通过.get(index)方法,得到相应的DOM对象

如:var $v=$("#v");  //jQuery对象

var v=$v.get(0);   //DOM对象

alert(v.checked)  //检测这个checkbox是否被选中

时间: 2024-08-29 22:01:04

初始jQuery的相关文章

第五章 初始jQuery

jQuery与JavaScript: jQuery的用途: 访问和操作DOM元素: 控制页面样式: 对页面事件的处理: 方便地使用jQuery插件: 与Ajax技术的完美结合: jQuery的优势: 轻量级: 强大的选择器: 出色的DOM封装: 可靠的事件处理机制: 出色的浏览器兼容性: 隐式迭代: 丰富的插件支持: jQuery语法: jQuery语法结构: 实例一: 实例二: show():显示: hide():隐藏: jQuery程序的代码风格: 不同的添加对注释的处理建议: 开发阶段:为

jQuey-------2017-06-24

1,  jquery  是 javaScript 的程序库之一,它是 javaScript 对象和使用函数的封装. 记住:jquery 只是javascript 的程序库,相当于javascript  技术的一个子集,所以,它并不能完全取代javascript. 2,jqury  的用途 (1),访问和操作DOM元素  也就是(锁定元素) (2),控制页面样式 (3),对页面事件的处理 (4),方便的使用jquery 插件 (5),与Ajax 技术的完美结合 3,在页面中引入jQuery <!D

JavaQuery

1.初识jQuery <!DOCTYPE html>   <html>   <head lang="en">   <meta charset="UTF-8">   <title>初始jQuery</title>   <!--   初识jQuery: 就是一个简洁的javaScript框架! 设计理念: write less do more!       使用jQuery: 引入需要的js库

jquery源码学习-初始(1)

最近几天一直在研究jquery源码,由于水平太低看得昏头转向.本来理解的也不是很深刻,下面就用自己的想法来说下jquery是如何定义构造函数初始化的.如果有什么不对的地方,希望个位高手指出. 首先要了解下什么时候自执行匿名函数 ,它的用途就是 相当于创建一个命名空间,只要把自己所有的代码写在这个特殊的函数包装内,外部不能访问,除非你允许. 基本格式 (function(){ //代码 })(); (function(){ var a = 10; function $(){ alert(a); }

jquery初始

今天我们来学习Jquery的一些基本知识,jquery相对来说还是比较重要的,所以还是要好好学习的. 首先要了解什么是jQuery? l类似于python里面的模块,可以看成是一种库或者插件. 在学习之前首先要在官网上下载,然后进行导入才可以用,即怎么使用? - 1. 导入 <script src="jquery-3.2.1.js"></script> import re - 2. jQuery.xxxxx --> $() re.xxxx - 3. 兼容性

jquery给input赋初始值,聚焦时清空

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <script src="js/jquery-1.8.0.

jquery页面初始化控件时间

this.InitControlTime = function () { if ($("#txt_Id_").val() == "") { var today = new Date(); $("#form1").find(".datacontrol").each(function (i, value) { var field = $(value).attr("name"); if (field != nul

jquery ligerUI中ligerComboBox 初始值问题

ligerComboBox项目中运用总结内容如下: $("#selectId").ligerComboBox({ data: proData, initValue: 0});这就默认选择第一项了. ligerComboBox运用案例: $("#yylx").ligerComboBox({ resize: false, width: 170, valueField: 'num', textField: 'name', url: '../ashx/wsyy.ashx?a

jQuery父级以及同级元素查找的实例

父级以及同级元素的查找在使用过程中还是蛮频繁的,下面为大家介绍下jQuery是如何实现的,感兴趣的朋友可以参考下 jQuery.parent(expr) 找父亲节点,可以传入expr进行过滤,比如$("span").parent()或者$("span").parent(".class") jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素,不限于父元素 jQuery.children(