jQuery笔记(2)
JQuery 笔记（一）
JQuery 基础：1. 概念： 一个JavaScript框架。简化JS开发 * jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨 是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种
日期 2023-06-12 10:48:40
Web前端开发JQuery框架笔记
jQuery 是一个写的更少,但做的更多的轻量级 JavaScript 库JQuery 常用选择器ID选择器: 通过使用简单的$(#id)标识前缀,实现快速匹配指定ID的元素对象,具体用法如下.<body> <div id="1000"> hello lyshark </div> <div id="2000&q
日期 2023-06-12 10:48:40
jQuery 学习笔记 1
据说 jQuery 是最好 JavaScript 框架，但是我不会，于是今天决定努力学下。初级学习是看这个教程 Getting Started with jQuery，比较简单，我也帮它翻译下： 安装开始之前，你需要安装 jQuery 框架，这个非常简单，只要下载 jQuery Starterkit。然后在你的代码中正确调用即可，代码很简单，我不写了。如果你和我一样懒，也可以采用 Googl
日期 2023-06-12 10:48:40JQuery学习笔记选择器之三
复制代码代码如下:<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metaht
日期 2023-06-12 10:48:40JQuery学习笔记选择器之四
复制代码代码如下:<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metaht
日期 2023-06-12 10:48:40
Jquery学习笔记（一）
基础知识：想要结构与行为分离当然不能使用<buttononclick="…"></button>之类的东西了，js是写在<head>之间的，那就说起了window.onload——这不是一个好东西，所以就有了Jquery颇具创意的复制代码代码如下:$(document).ready(funciton(){…});当然还会更精简：复制代码代码如下:$(funct
日期 2023-06-12 10:48:40Jquery实战_读书笔记2选择器
基本的CSS选择器熟悉web开发的人员一定对css的选择功能相当的了解，通过css选择功能，我们可以在css样式文件里轻松的将样式应用到选择的页面元素上。jQuery也正是采用了这样的机制，使jQuery的元素选择能力易常强大。a——选择所有<a>元素#specialID——选择匹配id为specialID的元素.specialClass——选择匹配拥有css类sepcialClas
日期 2023-06-12 10:48:40jqueryCSS选择器笔记
去年我学jQuery的时候，曾经做过一点选择器（selector）的笔记。这几天拿出来看了一下，发现很多都忘记了。所以，我决定把它们贴在这里，方便以后查看。这对其他朋友应该也是有用的，毕竟选择器是制作网页效果的第一步。笔记分为两个部分，今天是CSS的选择器，以后还有一部分xPath的选择器。今天的笔记中包括44个选择器，基本涵盖了CSS2和CSS3的所有规定。 序号 选择器 含义 1.
日期 2023-06-12 10:48:40jQuery学习笔记之jQuery选择器的使用
一.基本选择器： #id :选择给定ID名的元素如：$("#id1")为选择id为id1的元素 .class :选择给定类名的元素 element :选择给定元素名的所有原色 * :匹配所有元素 selector1,selector2,...... :选择这些名称的元素，以逗号隔开，可以是类或id名 二.层次选择器： $("ancestor descendant"):选择ancest
日期 2023-06-12 10:48:40jQuery学习笔记之jQuery的动画
一.系统预定义的动画函数1.显示隐藏函数show();//显示元素(同时增加宽、高、不透明度)hide();//隐藏元素执行hide()隐藏界面元素，相当于将css样式中的display:none.我们也可以在函数中加入参数，具体如下：show("slow");除了slow取值外，还可以设置为normal,fast,分别代表时间为600，400，200毫秒我们也可以加如具体时间取值。具体如下：s
日期 2023-06-12 10:48:40JQuery学习笔记nt-child的使用
在使用JQuery的时候如果你想寻找某个容器（诸如div或者是table中的某些子元素），那么很容易就使用find方法。find将使用迭代的方式寻找所有符合条件的子元素，并且可以统一、批量的设置css等内容。比如有这样一个table：复制代码代码如下:<tableid="outer"><tr><td><tableid="nested"><tr
日期 2023-06-12 10:48:40jQuery源码分析笔记(4)Ready函数
这个功能在jQuery的文档中提到了三种等价的形式：复制代码代码如下://定义在jQuery.fn.ready$(document).ready(handler);//和上一个是同一个，不推荐$().ready(handler);//单独在jQuery对象中处理$(handler);//以上这个形式的定义：if(jQuery.isFunction(selector){returnrootjQue
日期 2023-06-12 10:48:40jQuery源码分析笔记(7)Queue
每个Element可以拥有多个队列，但是基本上都只使用到一个，即默认的fn队列。队列允许一系列函数被异步地调用而不会阻塞程序。例如：$("#foo").slideUp().fadeIn();其实这个就是我们大家常用的链式调用，实际上这是一个Queue。所以队列和Deferred地位类似，是一个内部使用的基础设施。当slideUp运行时，fadeIn被放到fx队列中，当slideUp完成后，从队列
日期 2023-06-12 10:48:40Jquery插件写法笔记整理
jQuery插件类型：1.jQuery方法：大部分jQuery插件都是这种类型的插件，由于这种插件是将对象方法封装起来，在jQuery选择器获取jQuery对象过程中进行操作，从而发挥jQuery强大的选择器优势。2.全局函数：也可以把自定义的功能函数独立附加到jQuery命名空间下，从而作为jQuery作用域下的一个公共函数使用。但全局函数没有被绑定到jQuery对象上，故不能在选择器获取的j
日期 2023-06-12 10:48:40jQuery学习笔记操作jQuery对象CSS处理
CSS基本属性处理 方法 描述 css(name) 获取元素上CSS规则中name属性值 css(name,value) css(name,fn(index,value)) css({name1:value1,…,nameN:valueN}) 设置元素上CSS规则name属性的值为value，也可使用函数参数，不解释；还可以一次性为同一元素设置多个CSS属性 CSS尺寸属性
日期 2023-06-12 10:48:40jQuery学习笔记操作jQuery对象文档处理
下面就是一些常用方法，格式为$(selector).方法，其中$(selector)即当前选定元素： 移动元素 方法 描述 append($(selector)) 向当前元素的内部追加内容 appendTo($(selector)) 将当前元素在某元素内部追加。但由于会根据需要对当前元素进行移动，所以jQuery对象更改了，可用end()还原 prepend($(s
日期 2023-06-12 10:48:40
jQuery学习笔记(3)--用jquery(插件)实现多选项卡功能
在Web中用到多选项卡功能的网站有很多，比如163和126邮箱，用过的人知道。本人在那么多的类似插件中，目前碰到这个比较好，花了点时间调试出来了，请看效果图： 这款插件叫jqueryMagicTabs，上图实现了基本功能，如添加选项卡，选择指定的选项卡。当添加的选项卡超过一定长度时会出现左右滑动的按钮，同时支持鼠标滑动选项卡。 这段代码如下所示：复制代码代码如下:<%@pagelangu
日期 2023-06-12 10:48:40jQuery学习笔记之总体架构
先来看代码：复制代码代码如下:(function(window,undefined){ //构建jQuery对象 vardocument=window.document, navigator=window.navigator, location=window.location; v
日期 2023-06-12 10:48:40JQuery中使用.each()遍历元素学习笔记
今天写一个选项卡的时候，需要用到jquery中的.each(),通过获取each()中的index参数来获取li元素的编号，方便下面区块显示，在一个测试页面上写好了下面的代码： 复制代码代码如下: <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-t
日期 2023-06-12 10:48:40jQuery学习笔记之Ajax操作篇（一）-数据加载
加载HTML 我们通常使用加载HTML的方法来加载HTML片段，并插入到指定位置，假设当前页面为： <div></div> <button>load</button> 同目录下的test.html文件内容为： <span>test</span> 我们可以使用load方法来加载HTML，将其绑定到按钮的点击事件上： $("b
日期 2023-06-12 10:48:40jQuery学习笔记之基础中的基础
1.jQuery的简介 就像上节所将到的Ajax框架一样，简单的说，jQuery是一个优秀的javascript框架，它能够让用户方便的处理html,events(冒泡)事件，动画效果，ajax交互等，它极大程度的改变了开发者使用javascript的习惯。jQuery自2006年最初创建，已经吸引了众多的javascript高手加入其团队，随着事件推移，jQuery新版本一个一个发布，它越来越
日期 2023-06-12 10:48:40
jQuery 自定义事件的学习笔记
jquery中提供了两种方法可以绑定自定义事件： bind()和one()而绑定的自定义事件的触发，必须得用jquery中的trigger()方法才能触发。 我们先来看on事件 代码如下 复制代码 $('.js-submit').on('click', function() { // some code here}); 除开 click 事件，我们还
日期 2023-06-12 10:48:40jQuery学习笔记
$ 是在 jQuery 中被定义的一个函数，它可以简单方便地取到相关结点。 $(document).ready是一个事件绑定，这在文档加载完毕后被调用。 事实上 $() 等于 jQuery() 即 jQuery 的核心函数的一个简写。 之后的 javascript 代码，都默认是写在 $(document).ready 这个事件绑定当中的。 当然， $(document).ready() 可
日期 2023-06-12 10:48:40Jquery学习笔记一
在使用 jQuery 选择器时，我们首先必须使用“$()”函数来包装我们的 CSS 规则。而CSS 规则作为参数传递到 jQuery 对象内部后，再返回包含页面中对应元素的 jQuery 对象。随后，我们就可以对这个获取到的 D 在使用 jQuery 选择器时，我们首先必须使用“$()”函数来包装我们的 CSS 规则。而CSS 规则作为参数传递到 jQuery 对象内部后，再返回包含页面中对应元
日期 2023-06-12 10:48:40Jquery学习笔记一
在使用 jQuery 选择器时，我们首先必须使用“$()”函数来包装我们的 CSS 规则。而CSS 规则作为参数传递到 jQuery 对象内部后，再返回包含页面中对应元素的 jQuery 对象。随后，我们就可以对这个获取到的 D 在使用 jQuery 选择器时，我们首先必须使用“$()”函数来包装我们的 CSS 规则。而CSS 规则作为参数传递到 jQuery 对象内部后，再返回包含页面中对应元
日期 2023-06-12 10:48:40jquery基础之笔记（全）
$.inArray();//指定数组是否存在某个值;不存在返回-1 $.unique();//从DOM元素的素组中移除重复元素 obj1.concat(obj2)//obj2数组连接到obj1数组 var numArray = [1,2,3,4]; $.each( numArray, function( index, value ){ value = value * 2; cons
日期 2023-06-12 10:48:40Web前端开发JQuery框架笔记
jQuery 是一个写的更少,但做的更多的轻量级 JavaScript 库 JQuery 常用选择器 ID选择器: 通过使用简单的$(#id)标识前缀,实现快速匹配指定ID的元素对象,具体用法如下. <body> <div id="1000"> hello lyshark </
日期 2023-06-12 10:48:40jQuery学习笔记
$("#some-id").addClass("NewClassName"); $("#some-id").removeClass("ClassNameToBeRemoved"); 3.选择符 利用了CSS和Xpath（XML Path Language）选择符的能力，以及jQuery独有的选择符 3.1常用的： 1.根据标签名： $(p) 选择文档中的所有段落 2. 根
日期 2023-06-12 10:48:40Jquery_类选择器笔记
$("[id^=percent]").size() ^=：表示以什么开头 $=：表示以什么结尾 ~=：表示包含什么 id：表示按id选择
日期 2023-06-12 10:48:40