jquery文档 | 易学教程

jQuery实用版

阅读更多关于 jQuery实用版

一、检验jquery是否引入成功：alert($) 二、jquery文档加载完再执行：三、jquery选择器：四、选择集过滤五、选择集转移六、操作元素的样式 1、操作行间样式，用css方法 2、操作样式类名：注意：两种操作样式的方法不要混合使用七、绑定click事件： $div.click(function(){ .... }) This关键字：this指的是当前发生事件的对象，它是原生对象，$(this)指的是当前发生事件的jquery对象索引值：jquery对象都有索引值，通过index() 方法获取文章来源: jQuery实用版

关于安装Jquery后使用出错

阅读更多关于关于安装Jquery后使用出错

今天开始学习jQuery 首先在官网下载有两个版本――production version和development version，前者用于实际网站中，已被精简和压缩，后者用于测试和开发（未压缩），我下载了最新的3.3.1版本，最好把文件下载到放置代码的文件里，引用起来较方便一开始跟着视频敲，一直出现错误GET：，无法找到文件，后来发现我傻傻的跟着视频敲，以为引用时全都是用“jQuery.js”,但是保存时文件名不同，最后把名称改为下载文件的名称就可以了还有引用图片问题，之前调用图片时我估计是已经设置好路径，导致我在文档中多增加一个文件夹并在里面在放置代码，但是无法找到图片所在地址，后来把文件夹删除后就可以调用了，简直有毒文章来源: 关于安装Jquery后使用出错

jQuery介绍

阅读更多关于 jQuery介绍

jQuery简介　　jQuery是JS的工具库，对原生JS中的DOM操作、事件处理、包括数据处理和Ajax技术等进行封装,提供更完善,更便捷的方法。　　中文网址：jquery123.com 1）引入先引入jquery文件，才能使用jquery语法 <script src="jquery-1.11.3.js"></script> 2）工厂函数 - $() "$()"函数用于获取元素节点，创建元素节点或将原生JS对象转换为jquery对象,返回 jQuery 对象。jQuery 对象实际是一个类数组对象，包含了一系列 jQuery 操作的方法。  <script src="jquery-1.11.3.js"></script> <body> <h1 id="d1" class="c1"></h1> <p></p> </body> //$()获取元素节点,需传入字符串的选择器 $("h1") $("#d1") $(".c1") $("body,h1,p") 3）原生JS对象与jQuery对象原生JS对象与jQuery对象的属性和方法不能混用。可以根据需要，互相转换 : 1  2 <script src="jquery-1.11.3.js"></script> 3 <script> 4 window.onload

2019 年了，为什么我还在用 jQuery？

阅读更多关于 2019 年了，为什么我还在用 jQuery？

译者按：看来 jQuery 还是有一些用武之地的。原文: Why I'm Still Using jQuery in 2019 译者: Fundebug 为了保证可读性，本文采用意译而非直译。翻译仅供学习探讨，不代表 Fundebug 观点。许多人都在提倡: “直接用原生的 JavaScript 就好了，不需要 jQuery 了”。 You might not need jQuery 尝试告诉我们，摆脱 jQuery 是一件很容易的事情。但是，它的第一个例子恰恰告诉我们用 jQuery 其实也不错，因为我们写了 10 行原生的 JavaScript 代码，其实只需要 1 行 jQuery 代码就够了。很多 JavaScript 的 API，尤其是 DOM 相关的 API，挑战了我的审美哲学，直白点说，我觉得它们太糟糕了！ el.insertAdjacentElement('afterend', other) 当然也可以用，但是 $(el).after(other) 更加简洁。 $() 函数也没那么好看，我没有特别喜欢，但是它比原生的 API 好太多了。你们如何获取某个元素的 sibling 呢？到底用 nextSibling 还是用 nextElementSibling ？它们有什么不同？各个浏览器分别支持哪个方法？当你忙着去 MDN 查文档的时候，我直接用 jQuery

jQuery使用（一）：jQuery对象与选择器

阅读更多关于 jQuery使用（一）：jQuery对象与选择器

*/ /*--> */ /*--> */ /*--> */ /*--> */ 一、简单的一些介绍 1.jQuery是由普通的是由一些系列操作DOM节点的函数和一些其他的工具方法组成的js库。 2.为什么要使用jQuery库？　　jQuery面向用户良好的设计在使用过程中彻底解放了记忆原生操作DOM的接口。　　 jQuery中包含了可重用的函数，用来辅助我们简化JavaScript开发。　　jQuery在半数以上并没有复杂交互的网站中得以大量使用，因为他们需要的仅仅是一些兼容低级浏览器又有炫酷效果动画的页面。　　 jQuery改变了数百万人编写JavaScript的方式，当然部分人已经觉得时过境迁，组件化，工程化大行其道，但不要忘记jQuery对前端开发者的启蒙意义！且很多公司项目依然需要使用。 3.jQuery注意点：　　jQuery知识辅助工具，不能完全替代js，二者并存的方式出现在项目中；　　 jQuery很庞杂，先学使用再学思想。　　jQuery方法很多，按需学习，把常用的学透彻。　　 jQuery API使用时可以现查现用，不难理解。 4.引入jQuery库：cdn:http://www.jq22.com/cdn/#a2 5.jQuery官网：中文： https://www.jquery123.com/ 英文原版： https://jQuery.com/ 二

使用jQuery快速高效制作网页交互特效――05 第五章 05 初识 jQuery

阅读更多关于使用jQuery快速高效制作网页交互特效――05 第五章 05 初识 jQuery

1、 jQuery 简介： ● jQuery 由美国人John Resig于2006年创建 ● jQuery 是目前最流行的JavaScript程序库，它是对JavaScript对象和函数的封装 ● 它的设计思想是write less,do more（以更少的代码，实现更多的功能）； ● jQuery 是javaScript的程序库之一，它是javaScript对象和实用函数的封装。 ● jQuery 是继Prototype之后又一个优秀的javaScript库，是由美国人 Johh Resig于2006年创建的开源项目。 ● jQuery 只是javaScript的程序库，只相当于它的一个子集，并不能完全取代javaScript。 ●为什么要使用jQuery：与javaScript相比，使用jQuery制作交互特效的语法更为简单，代码量大大减少，不存在浏览器兼容性的问题。 ● jQuery 与其他javascript库：按照使用占比，几大javaScript库占比如下： jQuery (62%) Bootstrap (22%) Zepto (6%) Ext (5%) YUI (5%) 比例图： 2、 jQuery 的用途： 1 ）访问和操作DOM元素：使用jQuery可以很方便的获取和修改页面中的制定元素，无论是删除、移动还是复制元素，jQuery都提供了一套方便快捷的方法。

jQuery快速入门

阅读更多关于 jQuery快速入门

一、JQuery介绍 1、jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 2、JQuery使用户能够更方便处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能极大地简化JavaScript编程。二、JQuery的优势 1、一款轻量级的JS框架。jQuery核心js文件才几十kb，不会影响页面加载速度。 2、丰富的DOM选择器,jQuery的选择器用起来很方便，比如要找到某个DOM对象的相邻元素，JS可能要写好几行代码，而jQuery一行代码就搞定了，再比如要讲一个表格的隔行变色，jQuery也是一行代码搞定。 3.链式表达式。jQuery的链式操作可以把多个操作写在一行代码里，更加简洁。 4、事件、样式、动画支持。jQuery还建华了js操作css的代码，并且代码的可读性也比js要强。 5、Ajax操作支持。jQuery简化了AJax操作，后端只需要返回一个JSON格式的字符串就能完成与前端的通信。 6、跨浏览器兼容。jQuery基本兼容了现在主流的浏览器，不用再为浏览器的兼容性问题而伤透脑筋。 7、插件扩展开发。jQuery有着丰富的第三方插件，例如：树形菜单、日志控件、图片切换插件、弹出窗口等等基本前端页面上的组件都有对应插件，并且用jQuery插件做出来的效果很炫，并且可以根据自己需要去改写和封装插件，简单实用。三

使用jQuery快速高效制作网页交互特效――02 第二章 JavaScript操作BOM对象

阅读更多关于使用jQuery快速高效制作网页交互特效――02 第二章 JavaScript操作BOM对象

1、 window 对象：浏览器对象模型（BOM）是javascript的组成之一，它提供了独立与浏览器窗口进行交换的对象，使用浏览器对象模型可以实现与HTML的交互。它的作用是将相关的元素组织包装起来，提供给程序设计人员使用，从而降低开发人员的劳动量，提高设计Web页面的能力。 BOM ：浏览器对象模型（Browser Object Model）：BOM提供了独立于内容的、可以与浏览器窗口进行互动的对象结构； BOM 是一个分层结构：结构： ★ Window 对象是整个BOM的核心，在浏览器中打开网页后，首先看到是浏览器窗口，即顶层的window对象；其次是网页内容，即document(文档)。 BOM 可实现的功能： 1 ）.弹出的浏览器窗口。 2 ）.移动、关闭浏览器窗口及调整窗口的大小。 3 ）.在浏览器窗口中实现页面的前进、后退功能。 Window 对象也称为浏览器对象。当浏览器打开HTML文档时，通常会创建一个window对象，如果文档定义了一个或多个框架，浏览器将为原始文档创建一个window对象，同时为每个框架另外创建一个window对象。 2、 window 常用的属性：语法： window. 属性名=”属性值” eg ：window.location=”http// www.baidu.com ”, //表示跳转到百度的官方主页。 screen

jQuery总结

阅读更多关于 jQuery总结

1.什么是jQuery？　　jQuery是一个快速、简洁的JavaScript框架。jQuery设计的宗旨是“write Less，Do More”，即写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作(DOM)、事件处理、动画设计和Ajax交互。 2.怎么使用jQuery 　　1.下载　　　　下载地址：https://github.com/jquery/jquery/releases 　　2.导入jQuery库　　　　<script type="text/javascript" src="js/jquery.min.js"></script> 　　3.语法：$("选择器").动作() 3.jQuery 对象和 DOM 对象相互转换　　jQuery ---> DOM 　　　　1.[index] 方法，就是在 jQuery 对象后面加上索引，比如： var $cr = $(#cr); // jQuery 对象 var cr = $cr[0]; // 将 jQuery 转化为 DOM 对象　　　　2.get(index) 方法 var $cr = $(#cr); // jQuery 对象 var cr = $cr.get(0); // 将 jQuery 转化为 DOM 对象　　　　DOM

[转]240多个jQuery插件

阅读更多关于 [转]240多个jQuery插件

Query 是继 prototype 之后又一个优秀的 Javascript 框架。其宗旨是—写更少的代码,做更多的事情。它是轻量级的 js 库(压缩后只有21k) ，这是其它的 js 库所不及的，它兼容 CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。 jQuery 是一个快速的，简洁的 javaScript 库，使用户能更方便地处理 HTML documents、events、实现动画效果，并且方便地为网站提供 AJAX 交互。 jQuery 还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。 jQuery 能够使用户的 html 页保持代码和 html 内容分离，也就是说，不用再在 html 里面插入一堆js来调用命令了，只需定义 id 即可。今天在 Kollermedia.at 上发现了一篇JQuery插件列表的文章，特推荐如下。文件上传(File upload) Ajax File Upload . jQUploader . Multiple File Upload plugin . jQuery File Style . Styling an input type file . Progress Bar Plugin . 表单验证(Form

订阅 jquery文档