jquery入门之jquery简

Jquery是javascript中中众多框架中的一个框架。它是轻量级的js库,以DOM元素为核心一点一点地给他们添加新功能。Jquery的特色就是“面向集合和方法连缀”,Jquery的设计秉承了一致性和对称性原则,它的大部分概念都是从html和css的结构中借用来的。它利用CSS选择符创建jquery对象,为这些对象提供丰富的方法,批量操作其中的DOM元素,而且让所有方法尽可能再返回这个对象以实现方法连缀调用,这些绝妙的创意组合在一起,让写javascript代码变得妙趣横生!

Jquery如此受欢迎,他的优势在哪里?

(1)   利用CSS的优势

通过将查找页面元素的机制构建于CSS选择符之上,jquery继承了简明清晰地表达文档结构的方式。

(2)   支持扩展

为了避免特性蠕变,jquery将特殊情况下使用的工具归入插件当中。

(3)   抽象浏览器不一致性

Web卡法领域中一个令人遗憾的事实是,每种浏览器对颁布的标准都有一套不太一致的实现方案,但jquery添加一个抽象层来标准化常见的任务,从而有效减少了代码量,极大地简化了这些任务

(4)  面向集合,方法连缀

当我们只是jquery“找到带有collapsible类的全部元素,然后隐藏他们时,不需要循环遍历每一个返回的元素”。.hide()之类的方法被设计成自动操作对象集合。利用这 种隐式迭代技术,可以抛弃那些臃肿循环结构,减少代码量。“连缀”模式以为这基于一个对象进行的多数操作的结果,都会返回这个对象自身,以便为该对象应用下一次操作

如何使用jquery呢?

jQuery不需要安装,要使用它只需该文件的一个副本,该副本可以放在外部站点上,也可以放在自己的服务器上。由于JavaScript是一种解释型语言,所以不必担心编译和构建。什么时候需要使用jQuery,只要在HTML文档中使用<script>元素把它导入进来即可。

引用的jquery应放置何处?

在引用样式表文件的代码之后,是包含JavaScript文件的代码。这里要注意的是,引用jQuery库文件的<script>标签,必须放在引用自定义脚本文件的<script>标签之前。否则,在我们编写的代码中将引用不到jQuery框架。

jquery升级版本的弊端

一般来说,最合适的版本就是jQuery的最新版本。可是,对于现有的jQuery 2.0版来说,问题就复杂一点了。为了确保在现代浏览器中速度更快,代码更简洁,jQuery从2.0版开始不再支持IE6、IE7和IE8。jQuery开发团队知道,支持这些老版本浏览器也很重要,因此,还会继续维护jQuery 1.x版。

对于文中提到的“面向集合,方法连缀”,自己脑海中一片雾水,期待在下面的学习中可以将这8个字参透。

jquery入门之jquery简,布布扣,bubuko.com

时间: 2024-10-13 08:40:13

jquery入门之jquery简的相关文章

jquery 入门之-------jquery 简介

什么是jquery? Jquery是一个Javascript库,通过封装原生的Javascript函数得到一套定义好的方法.它可以用个少的代码完成更多更强大更复杂的功能,从而得到开发者的青睐. So! Write less .Do more! Jquery的功能和优势? (1)像Css那样访问和操作DOM: (2)修改CSS控制页面外观: (3)简化javascript代码操作: (4)时间处理更加容易: (5)各种动画效果使用方便: (6)让AJAX技术更加完美: (7)基于Jquery的大量

jQuery入门、jQuery选择器、jQuery操作

一.什么是jQuery及如何使用 1.1 jQuery 简介 jQuery是一个兼容多浏览器的javascript函数库(把我们常用的一些功能进行了封装,方便我们来调用,提高我们的开发效率.),核心理念是write less,do more(写得更少,做得更多) 1.2 jQuery 和 Js 的区别 Javascript是一门编程语言,我们用它来编写客户端浏览器脚本.jQuery是javascript的一个库(框架),包含多个可重用的函数,用来辅助我们简化javascript开发. 注意:jQ

jquery入门案例

目录 jquery入门 1.jQuery简介 jQuery介绍 jQuery优点 jQuery格式 2.一个简单的Demo 需求 方法介绍 代码 jquery入门 1.jQuery简介 jQuery介绍 jQuery就是一个框架,是一个js库.封装了ajax的相关代码,使得代码编写能更加简单 jQuery优点 能用更少的代码做更多的事情 jQuery格式 $(这里面是选择器) . 各种方法 2.一个简单的Demo 需求 点击超链接或者是一个按钮,能够从服务器响应数据,并更改文本框中的内容. 方法

JQuery入门篇

JQuery入门篇 jQuery选择器 “$”表示JQuery对象 根据ID查找 $(‘#var’)表示将一个id值为var的DOM节点封装成一个jQuery对象,DOM节点必须以“#”开头. 例如:有<div id="var "></div>存在,使用$(‘#var’)之后会将其封装成[<div id="var "></div>],但是如果不存在id=”var”,返回的jQuery对象是[],而不是一个null或un

jquery基础教程 - 第一章 JQUERY入门

Jquery基础教程 - 第一章 JQUERY入门 内容提要 1.jquery能做什么 2.jquery为什么如此出色 3.第一个jquery驱动的页面 4.纯javascript与jquery 5.开发工具 6.小结 1.jquery能做什么 取得文档中的元素 -- jQuery为准确的获得需要检查或操纵的文档元素,提供了可靠而富有效率的选择符机制. 找到所有应用了.content class样式的div中所有的P标签             $('div.content').find('p'

JQuery之JQuery的版本 JQuery入门 属性获取 JQuery就绪函数 JS文档就绪函数和JQuery文档就绪函数的区别 JS对象和JQuery对象的区别 关于$的使用 多个JS库的冲突解决方案

JQuery的版本 JQuery入门 属性获取 JQuery就绪函数 JS文档就绪函数和JQuery文档就绪函数的区别 JS对象和JQuery对象的区别 关于$的使用 多个JS库的冲突解决方案 JQuery的版本 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery的版本</title> <

jQuery 入门笔记1

jQuery是一个兼容多浏览器的javascript框架,核心理念是write less,do more(写得更少,做得更多). 1:jQuery使用 <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#

jQuery入门(2)使用jQuery操作元素的属性与样式

jQuery入门(1)jQuery中万能的选择器 jQuery入门(2)使用jQuery操作元素的属性与样式 一.区分DOM属性和元素属性 对于下面这样一个标签元素: <img id='img' src="images/image.1.jpg" alt='1' class="imgs"></img> 我们通常将id.src.alt.class称为属性,也即元素属性.但是,当浏览器对标签元素进行解析时,会将元素解析为Dom对象,相应的,元素属性

jQuery 入门教程(二): 基本语法

学习jQuery之前需要你有下面几个方面的基本知识 HTML CSS JavaScript jQuery 的基本语法 $(selector).action() $ 符合定义这是一个jQuery语句 (selector) 用来选择某个HTML元素,其语法和CSS的selector语法一样. action() 定义操作该HTML元素的方法. 比如: $(this).hide() – 隐藏当前元素. $("p").hide() – 隐藏所以 <p> 元素. $(".te