JQuery 自己的理解

jquery本身就是一个函数,在这个函数的内部又封装了很多的函数(也可以叫做函数库),这些函数内部的函数就是各种不同的方法这些方法在我们使用的过程中可以让工作更加方便。

在使用jquery之前必须把这个jquery库引入文档内部。

可以把jquery下载到本地,使的时候直接调用本地的jquer(可以在jquery管网下载)。

也可以使用网络地址,直接调用网络上的jquery(建议使用网络地址)

<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>

<script src="http://apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>

在jquery函数内部有这样的操作:$=jQuery;所以使用$()跟jQuery()的效果是一样的。通常使用$(),更简单。

$()方法:

$()传一个参数时获取传入参数的dom节点$("div")获取所有的div盒子,会得到一个类数组,里面装的是所有的div元素。

$()传两个参数时,第一个为要获取的元素对象,第二个参数为获取第一个元素的范围(在那个区域去找)。$(‘p‘,‘#div1‘)获取所有在id为div1的内部的p元素。代表范围不写默认就是document,就是在全文档下查找。

$()返回值是一个jq对象,同时是一个类数组。

时间: 2024-10-08 17:28:19

JQuery 自己的理解的相关文章

图片放大功能插件及jquery.extend函数理解

前端时间,产品提出社区评论中的图片需要有放大功能.感觉可以共用,所以就想整合一个插件,过程中也借鉴了一些例子. 分析下自己的代码思路: var scaleImg = function(opts) { this.opts = $.extend({ wrap: '', clickimgs: '', callback: function(){} }, opts); this.images_n = []; //保存一条评论中的所有图片 this.$showArrow = false; //显示左右翻页按

accp8.0转换教材第9章JQuery相关知识理解与练习

自定义动画 一.单词部分: ①animate动画②remove移除③validity有效性 ④required匹配⑤pattern模式 二.预习部分 1.简述JavaScript事件和jquery事件方法不同 前者需要在 前面加on后者不要 2.调用执行jquery中的hasclass()方法能实现什么功能 查找是否有这个样式 3.validity:对象有哪些常用属性 toolong:判断输入的值是否超过限定字符 typemismatch:输入值是否与表单匹配 customError:自定义验证

jquery的闭包(理解执行函数)

在前端进行元素集操作时肯定会有each操作但是each操作的动作都会在所有所有元素遍历完后才会进行生效,故如果需要在遍历元素时就要使其操作生效的话,就需要在each元素时进行立即执行函数进行调用 以下是jquery的demo代码(一个html中有多个img元素,对img元素的边框进行设置): $(document).ready(function(){     $("img").each(function(index){   //选择所有的img元素集合进行遍历         //(f

jQuery中&quot;$&quot;的理解

JQuery(或者是$)既可以作为函数使用,也可以作为对象使用:当作为函数使用时,就类似于 $(function())这样的形式:当作为对象使用时就类似于$.each()带点调用的形式. 1.作为一般函数调用:$(param) 1). 参数为函数:当DOM加载完成后,执行此回调函数 2). 参数作为选择器字符串:查找所有匹配标签,并将它们封装成JQuery对象 3). 参数为DOM对象:将dom对象封装成JQuery对象 4). 参数为html标签字符串(用得少):创建标签对象并封装成jQuer

jquery, jquery-ui, requirejs, bootstrap 的关系理解

jquery 是 基于 javascript 的一个语法衍生,更方便操作dom, 事件,css 整体来说更好用,更简洁. jquery-ui 是基于 jquery 实现的各种更好看,交互更友好的的界面插件,属于全方面插件范畴.(老牌效果) requirejs 是基于javascrip的 模块化编程思想的一种实现 bootstrap 是 facebook 推出的规范化,可以适配各种屏幕尺寸的 css 效果, 同样基于 jquery ,可同样理解为全方便插件范畴.(新效果)

jQuery插件开发精品教程(让你的jQuery更上一个台阶)

刘哇勇的部落格要说jQuery 最成功的地方,我认为是它的可扩展性吸引了众多开发者为其开发插件,从而建立起了一个生态系统.这好比大公司们争相做平台一样,得平台者得天下.苹果,微软,谷歌等巨头,都有各自的平台及生态圈. 学会使用jQuery并不难,因为它简单易学,并且相信你接触jQuery后肯定也使用或熟悉了不少其插件.如果要将能力上升一个台阶,编写一个属于自己的插件是个不错的选择. 本教程可能不是最精品的,但一定是最细致的. jQuery插件开发模式 软件开发过程中是需要一定的设计模式来指导开发

jQuery 插件开发

jQuery插件开发模式 软件开发过程中是需要一定的设计模式来指导开发的,有了模式,我们就能更好地组织我们的代码,并且从这些前人总结出来的模式中学到很多好的实践. jQuery插件开发方式主要有三种: 通过$.extend()来扩展jQuery 通过$.fn 向jQuery添加新的方法 通过$.widget()应用jQuery UI的部件工厂方式创建 通常我们使用第二种方法来进行简单插件开发,说简单是相对于第三种方式.第三种方式是用来开发更高级jQuery部件的,该模式开发出来的部件带有很多jQ

jQuery选择器详解及实例---《转载》

选择器是jQuery最基础的东西,本文中列举的选择器基本上囊括了所有的jQuery选择器,也许各位通过这篇文章能够加深对jQuery选择器的理解,它们本身用法就非常简单,我更希望的是它能够提升个人编写jQuery代码的效率.本文配合截图.代码和简单的概括对所有jQuery选择器进行了介绍,也列举出了一些需要注意和区分的地方. 一.基本选择器 1. id选择器(指定id元素) 将id="one"的元素背景色设置为黑色.(id选择器返单个元素) $(document).ready(func

JQuery插件开发精品教程,让你的jQuery提升一个台阶

本文转载自 http://www.cnblogs.com/Wayou/p/jquery_plugin_tutorial.html 要说jQuery 最成功的地方,我认为是它的可扩展性吸引了众多开发者为其开发插件,从而建立起了一个生态系统.这好比大公司们争相做平台一样,得平台者得天下.苹果,微软,谷歌等巨头,都有各自的平台及生态圈. 学会使用jQuery并不难,因为它简单易学,并且相信你接触jQuery后肯定也使用或熟悉了不少其插件.如果要将能力上升一个台阶,编写一个属于自己的插件是个不错的选择.