zl程序教程

jquery笔记

  • JQuery 笔记(二)

    JQuery 笔记(二)

    JQuery 高级1. 动画 1. 三种方式显示和隐藏元素 1. 默认显示和隐藏方式 1. show([speed,[easing],[fn]]) 1. 参数: 1. speed:动画的速度。三个预定义的值("slow","normal",

    日期 2023-06-12 10:48:40     
  • jQuery笔记(3)

    jQuery笔记(3)

    jQuery元素操作 主要是遍历,创建,添加,删除元素操作遍历元素each() jQuery隐式迭代是对同一类元素做了相同的操作,如果想要给同一元素做不同的操作,就需要用到遍历 语法1:$("div").each(function(index, domEle){xxx;})each()方法遍历匹配的每一个元素.主要用DOM处理.each每一个 里面的回调函数有2个参数,i

    日期 2023-06-12 10:48:40     
  • jQuery笔记(5) 做一个to do list!

    jQuery笔记(5) 做一个to do list!

    全局滚动本文由“壹伴编辑器”提供技术支持案例实践:To do list 我们可以写下我们要做的事,如果做完了打上勾,就会变成已经完成事件,也可以取消完成,回到正在进行中的状态. 各种文件引用完毕和准备工作完成以后就开始写了 这里补充一点新的知识: 本地存储里面只能存储字符串的数据格式,需要用JSON.stringify()的方法将数组对象转换成字符串格式. 获取本地存储的数据,我们需要用JS

    日期 2023-06-12 10:48:40     
  • jQuery 学习笔记 1

    jQuery 学习笔记 1

    据说 jQuery 是最好 JavaScript 框架,但是我不会,于是今天决定努力学下。初级学习是看这个教程 Getting Started with jQuery,比较简单,我也帮它翻译下: 安装开始之前,你需要安装 jQuery 框架,这个非常简单,只要下载 jQuery Starterkit。然后在你的代码中正确调用即可,代码很简单,我不写了。如果你和我一样懒,也可以采用 Googl

    日期 2023-06-12 10:48:40     
  • JQuery学习笔记选择器之三

    JQuery学习笔记选择器之三

    复制代码代码如下:<!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实战_读书笔记1—选择jQuery

    Jquery实战_读书笔记1—选择jQuery

    对比了多个javascript框架,不得不承认JQuery真的是个很优秀的框架。如果你还没有在你的框架中使用它,赶快扔掉那些臃肿、使用不方便的框架,这会给你的前端设计节约不少的代码。为什么选择Jquery  我们在页面写javascript代码时,你可能会发现经常要遵循这样一种模式:选择一个元素或一组元素,然后以某种方式对其进行操作(如显示、隐藏元素,给元素添加css类,修改元素特性)。而jQu

    日期 2023-06-12 10:48:40     
  • jqueryCSS选择器笔记

    jqueryCSS选择器笔记

    去年我学jQuery的时候,曾经做过一点选择器(selector)的笔记。这几天拿出来看了一下,发现很多都忘记了。所以,我决定把它们贴在这里,方便以后查看。这对其他朋友应该也是有用的,毕竟选择器是制作网页效果的第一步。笔记分为两个部分,今天是CSS的选择器,以后还有一部分xPath的选择器。今天的笔记中包括44个选择器,基本涵盖了CSS2和CSS3的所有规定。 序号 选择器 含义 1.

    日期 2023-06-12 10:48:40     
  • jQuery.Validate使用笔记(jQueryValidation范例)

    jQuery.Validate使用笔记(jQueryValidation范例)

    验证操作类formValidatorClass.js复制代码代码如下:/***@authorming*/$(document).ready(function(){/**//*设置默认属性*/$.validator.setDefaults({submitHandler:function(form){form.submit();}});//字符验证jQuery.validator.addMethod

    日期 2023-06-12 10:48:40     
  • jQuery学习笔记之jQuery选择器的使用

    jQuery学习笔记之jQuery选择器的使用

    一.基本选择器: #id  :选择给定ID名的元素如:$("#id1")为选择id为id1的元素 .class  :选择给定类名的元素 element  :选择给定元素名的所有原色 * :匹配所有元素 selector1,selector2,......  :选择这些名称的元素,以逗号隔开,可以是类或id名 二.层次选择器: $("ancestor descendant"):选择ancest

    日期 2023-06-12 10:48:40     
  • jQuery学习笔记之jQuery的动画

    jQuery学习笔记之jQuery的动画

    一.系统预定义的动画函数1.显示隐藏函数show();//显示元素(同时增加宽、高、不透明度)hide();//隐藏元素执行hide()隐藏界面元素,相当于将css样式中的display:none.我们也可以在函数中加入参数,具体如下:show("slow");除了slow取值外,还可以设置为normal,fast,分别代表时间为600,400,200毫秒我们也可以加如具体时间取值。具体如下:s

    日期 2023-06-12 10:48:40     
  • jQuery源码分析笔记(2)变量列表

    jQuery源码分析笔记(2)变量列表

    _jQuery=window.jQuery;_$=window.$;这两个变量是jQuery唯一使用的两个全局变量。在jQuery.noConflict()函数中,会把这两个变量恢复回去。对于浏览器检测,jQuery使用的是检查UserAgent,而没有使用特性检测。rwebkit=/(webkit)[\/]([\w.]+)/,ropera=/(opear)(?:.*version)?[\/](

    日期 2023-06-12 10:48:40     
  • jQuery源码分析笔记(4)Ready函数

    jQuery源码分析笔记(4)Ready函数

    这个功能在jQuery的文档中提到了三种等价的形式:复制代码代码如下://定义在jQuery.fn.ready$(document).ready(handler);//和上一个是同一个,不推荐$().ready(handler);//单独在jQuery对象中处理$(handler);//以上这个形式的定义:if(jQuery.isFunction(selector){returnrootjQue

    日期 2023-06-12 10:48:40     
  • jQuery源码分析笔记(7)Queue

    jQuery源码分析笔记(7)Queue

    每个Element可以拥有多个队列,但是基本上都只使用到一个,即默认的fn队列。队列允许一系列函数被异步地调用而不会阻塞程序。例如:$("#foo").slideUp().fadeIn();其实这个就是我们大家常用的链式调用,实际上这是一个Queue。所以队列和Deferred地位类似,是一个内部使用的基础设施。当slideUp运行时,fadeIn被放到fx队列中,当slideUp完成后,从队列

    日期 2023-06-12 10:48:40     
  • JQuery自定义CircleAnimation,Animate方法学习笔记

    JQuery自定义CircleAnimation,Animate方法学习笔记

    在此贴出一些学习成果,希望能对学习JQuery的其他同学有所帮助,同时也记录下自己的学习情况。看了一些JQuery的官方教程,已经有点心潮澎湃了,就决定自己尝试着写一些东西出来。我看到了很多很绚的动画效果,然后决定自己也尝试一下,我决定要写一个圆周运动的动画效果,下面贴出js代码复制代码代码如下:varCircleAnimation=function(center_left,center_top

    日期 2023-06-12 10:48:40     
  • jquery中ajax学习笔记3

    jquery中ajax学习笔记3

    摘要:ajax学习1中介绍了使用jquery封装的ajax来接收服务器端的文本数据以及使用XMLHttpReques对象来接收服务器端的文本数据ajax学习2中介绍了使用XMLHttpReques来接收服务器的端XML数据,本节主要介绍使用jqery封装的ajax使用XML格式接收服务器端的数据。由于很多知识都已经做了详细介绍,本节只介绍需要修改的代码,使用jqery封装的ajax使用XML格式

    日期 2023-06-12 10:48:40     
  • 那些年,我还在学习jquery学习笔记

    那些年,我还在学习jquery学习笔记

    原来Jquery就是一个javascript写的一个库,它给我们提供了很多常用的方法,使用这些方法可以兼容多种浏览器,使用它可以达到很好的动画效果,下面就来看看那些年的学习笔记吧一、$符号  1、选择器   可以选择html标签,也可选择ID,Class等   如下:复制代码代码如下: <scripttype="text/javascript">$(function(){$("tab

    日期 2023-06-12 10:48:40     
  • php中jQuery插件autocomplate的简单使用笔记

    php中jQuery插件autocomplate的简单使用笔记

    首先需要的文件有jquery.js,jquery.autocomplete.js,jquery.autocomplete.js,这三个文件,哪里有?百度、谷歌都可以找到。可以去官网上下,里面包含了一些demo,只留下这三个文件即可。js代码:复制代码代码如下:<SCRIPTlanguage=javascriptsrc="../../js/jquery.js"type=text/javasc

    日期 2023-06-12 10:48:40     
  • Jquery插件写法笔记整理

    Jquery插件写法笔记整理

    jQuery插件类型:1.jQuery方法:大部分jQuery插件都是这种类型的插件,由于这种插件是将对象方法封装起来,在jQuery选择器获取jQuery对象过程中进行操作,从而发挥jQuery强大的选择器优势。2.全局函数:也可以把自定义的功能函数独立附加到jQuery命名空间下,从而作为jQuery作用域下的一个公共函数使用。但全局函数没有被绑定到jQuery对象上,故不能在选择器获取的j

    日期 2023-06-12 10:48:40     
  • jQuery学习笔记操作jQuery对象属性处理

    jQuery学习笔记操作jQuery对象属性处理

    元素的属性处理 方法 描述 attr(name) attr(name,value) attr(name,fn(index,value)) attr({name1:value1,…,nameN:valueN}) 获取某个属性的取值,或可以用于设置某个属性的值。还可以使用函数作为参数,将函数返回值作为需要为元素属性设置的值,比如将第(index+1)个元素的name属性设置为函数返回

    日期 2023-06-12 10:48:40     
  • jQuery学习笔记(3)--用jquery(插件)实现多选项卡功能

    jQuery学习笔记(3)--用jquery(插件)实现多选项卡功能

    在Web中用到多选项卡功能的网站有很多,比如163和126邮箱,用过的人知道。本人在那么多的类似插件中,目前碰到这个比较好,花了点时间调试出来了,请看效果图: 这款插件叫jqueryMagicTabs,上图实现了基本功能,如添加选项卡,选择指定的选项卡。当添加的选项卡超过一定长度时会出现左右滑动的按钮,同时支持鼠标滑动选项卡。 这段代码如下所示:复制代码代码如下:<%@pagelangu

    日期 2023-06-12 10:48:40     
  • jQuery学习笔记之jQuery构建函数的7种方法

    jQuery学习笔记之jQuery构建函数的7种方法

    一:$(selectorStr[,限制范围]),接受一个选择器(符合jQuery规范的字符串),返回一个jQuery对象; 复制代码代码如下: //$(selector[,限制范围])        $(".guo").click(function(){//这里没有context参数            $("a.aguo",this).css({"color":"red"});//this就

    日期 2023-06-12 10:48:40     
  • jQuery学习笔记之toArray()

    jQuery学习笔记之toArray()

    从源码中可以看到,这些常见的方法,都是直接从原生的javascript中"借鉴"过来的.为什么这么说呢?225行中,在运行时,this是指向jQuery对象的,通过call语句借鉴slice方法,切割出一个数组出来,这种"借鸡下蛋"的方法,真的是让人拍手叫绝.slice(start,end)是用来切分数组的.start表示切分数组的开始位置.省略end表示到从start一直到最后 -->

    日期 2023-06-12 10:48:40     
  • jQuery学习笔记之Ajax操作篇(一)-数据加载

    jQuery学习笔记之Ajax操作篇(一)-数据加载

    加载HTML 我们通常使用加载HTML的方法来加载HTML片段,并插入到指定位置,假设当前页面为: <div></div> <button>load</button> 同目录下的test.html文件内容为: <span>test</span> 我们可以使用load方法来加载HTML,将其绑定到按钮的点击事件上: $("b

    日期 2023-06-12 10:48:40     
  • jQuery学习笔记之Ajax操作篇(三)-过程处理

    jQuery学习笔记之Ajax操作篇(三)-过程处理

    观察函数 ajaxStart和ajaxStop函数可以用来作为观察函数,我们可以使用观察函数的回调函数来做相应的处理。 当Ajax请求开始且尚未进行其他传输时,会触发ajaxStart的回调函数。 当最后一次活动请求终止时,则会执行通过ajaxStop注册的回调函数。 由于观察函数具备全局性,所以需要使用$(document)来调用。我们通过使用Ajax方法取得一个图片的例子来测试两个函数: 当

    日期 2023-06-12 10:48:40     
  • jQuery学习笔记之jQuery中的$

    jQuery学习笔记之jQuery中的$

    在jQuery中,最常用的莫过于使用美元符号$,它提供了各种各样的丰富功能。包括选择页面中一个或者一类元素、作为功能函数的前缀、windows.onload的完善,创建DOM节点等。本文介绍jQuery的用法。作为基础 1.选择器 在css中,选择器的作用是选择页面的某一类(类别选择器)元素或者某个(id选择器)。而jQuery中的“$”作为选择器,同样是选择某类或者某个元素,只不过jQuery

    日期 2023-06-12 10:48:40     
  • 《jquery权威指南2》学习笔记------ jquery获取复选框的值

    《jquery权威指南2》学习笔记------ jquery获取复选框的值

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <mce:style><!-- --></mce:styl

    日期 2023-06-12 10:48:40     
  • Jquery学习笔记一

    Jquery学习笔记一

    在使用 jQuery 选择器时,我们首先必须使用“$()”函数来包装我们的 CSS 规则。而CSS 规则作为参数传递到 jQuery 对象内部后,再返回包含页面中对应元素的 jQuery 对象。随后,我们就可以对这个获取到的 D 在使用 jQuery 选择器时,我们首先必须使用“$()”函数来包装我们的 CSS 规则。而CSS 规则作为参数传递到 jQuery 对象内部后,再返回包含页面中对应元

    日期 2023-06-12 10:48:40     
  • Jquery学习笔记一

    Jquery学习笔记一

    在使用 jQuery 选择器时,我们首先必须使用“$()”函数来包装我们的 CSS 规则。而CSS 规则作为参数传递到 jQuery 对象内部后,再返回包含页面中对应元素的 jQuery 对象。随后,我们就可以对这个获取到的 D 在使用 jQuery 选择器时,我们首先必须使用“$()”函数来包装我们的 CSS 规则。而CSS 规则作为参数传递到 jQuery 对象内部后,再返回包含页面中对应元

    日期 2023-06-12 10:48:40     
  • jQuery来源学习笔记:整体结构

    jQuery来源学习笔记:整体结构

    1.1、由于调用一个匿名函数: (function( window, undefined ) { // jquery code })(window); 这是一个自调用匿名函数,第一个括号内是一个匿名函数,第二个括号马上运行,传參是window。 1、为什么有自调用匿名函数? 通过定义匿名函数,创建了一个“私有”空间,jQuery必须保证创建的变量不能和导入它的程序发生冲突。 2、

    日期 2023-06-12 10:48:40     
  • Web前端开发JQuery框架笔记

    Web前端开发JQuery框架笔记

    jQuery 是一个写的更少,但做的更多的轻量级 JavaScript 库 JQuery 常用选择器 ID选择器: 通过使用简单的$(#id)标识前缀,实现快速匹配指定ID的元素对象,具体用法如下. <body> <div id="1000"> hello lyshark </

    日期 2023-06-12 10:48:40     
  • Jquery_类选择器笔记

    Jquery_类选择器笔记

     $("[id^=percent]").size() ^=:表示以什么开头 $=:表示以什么结尾 ~=:表示包含什么 id:表示按id选择

    日期 2023-06-12 10:48:40