jQuery的一些笔记

jQuery源代码学习笔记_工具函数_noop/error/now/trim

jQuery源代码学习笔记_工具函数_noop/error/now/trim jquery提供了一系列的工具函数,用于支持其运行,今天主要分析noop/error/now/trim这4个函数: 1.noop //返回一个空函数 function noop() { } noop这个函数的功能就是什么也不做,方便在全局使用一个空函数,减少内存开销. 2.error function error(msg) { throw new Error(msg); } 用于统一抛出异常,可以减少代码中使用thro…

jQuery源码笔记(二)：定义了一些变量和函数 jQuery = function(){}

笔记(二)也分为三部分: 一. 介绍: 注释说明:v2.0.3版本.Sizzle选择器.MIT软件许可注释中的#的信息索引.查询地址(英文版)匿名函数自执行:window参数及undefined参数意义 'use strict' 严格模式:代码规范及其不推荐严格模式理由rootjQuery根节点:document 获取及其声明意义readyList DOM加载相关……typeof undefined 字符串形式'undefined'的存放及其意义. 先看开头的注释: /*! * jQuery J…

jQuery源码笔记(一)：jQuery的整体结构

jQuery 是一个非常优秀的 JS 库,与 Prototype,YUI,Mootools 等众多的 Js 类库相比,它剑走偏锋,从 web 开发的实用角度出发,抛除了其它 Lib 中一些中看但不实用的东西,为开发者提供了优美短小而精悍的类库.其使用简单,文档丰富,而且性能高效,能极大地提高 web 系统的开发效率.因此可以说是 web 应用开发中最佳的 Js 辅助类库之一.大部分开发者正在抛弃 Prototype,而选择Jquery 做为他们进行 web 开发的 JS 库. 如是开发人员仅仅只…

jquery mobile开发笔记之Ajax提交数据（转）

http://my.oschina.net/xiahuawuyu/blog/81763 这两天学习了下,jquery mobile(以下简称jqm)的开发相关的内容.可能之前有过web的开发基础,相对于我来说学习这个东西感觉挺简单的,很容易上手.Jqm的的语法和jquery其实是一样的,有些不大一样的就是了.网上介绍的也是一大堆.这里我主要是做笔记哈. 使用JQM开发其实很简单,我这里目前是针对于在服务器端开发的,服务器使用的是apache+php,前端其实主要是html5+jquery的写法.…

jQuery的学习笔记4

JQuery学习笔记3 2.9属性选择器属性选择器就是根据元素的属性和属性值作为过滤条件,来匹配对应的DOM元素.属性选择器一般都以中括号作为起止分界符它的形式如下: ［attribute］［attribute＝value］［attribute!＝value］［attribute^＝value］作用:匹配给定的属性是以某些值开始的元素［attribute*＝value］作用:匹配给定的属性是以包含某些值的元素［attribute＄＝value］作用:匹配给定的属性是以某些值结束的元…

jQuery的学习笔记2

jQuery学习笔记 Day two Chapter two 选择器类选择器语法结构:$(“.classname”) javascript里面没有类选择器所以这个时候使用jQuery会更加的简便通配选择器语法结构:jQuery(“*”) 例如下列代码就是匹配body里面的所有的元素 <script type="text/javascript"> $(function() { $("*").css("color","r…

jQuery的学习笔记

JQuery学习笔记 Chapter one初识jQuery 1.2测试jQuery 在jQuery库中,$是jQuery的别名,如:$()相当于jQuery() 注意:在使用JQuery进行开发的时候如果在做所有事情之前,希望jQuery操作DOM文档,就必须保证在DOM载入完毕后开始执行,应该使用ready事件作为处理HTML文档的开始. 1.4JQuery的核心功能 1.对外接口单一让使用更简单 2.链式语法让编码更加的快速和优雅 3.模仿CSS选择器让选取元素更加的精确的灵活 4.拓展接…

jQuery 基础学习笔记总结（一）

Jquery 学习笔记总结感想: 此前在做站点时用到过jquery相关,特别是Ajax相关技术.但是并没有系统的进行学习和了解Jquery的强大的功能,趁这几天跟着资料基本的了解下Jquery的特性和插件,感觉原来好多前端设计中感觉非常麻烦的东西.通过Jquery的函数和插件都非常easy的实现了而且效果极佳.这里仅仅是简单的介绍下Jquery有哪些知识点. 1.基础选择器 (1). $("button").attr("disabled","true&…

jquery.form.js笔记

由于项目的原因,需要异步上传文件,网上找了找,很多都是用jquery.form插件的,于是乎找资料,调代码,做点小笔记. 官方资料:http://www.malsup.com/jquery/form/ demo: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>File Upload Demo</title&g…

锋利的jQuery--编写jQuery插件(读书笔记五)[完结篇]

1.表单验证插件Validation 2.表单插件Form 3.动态事件绑定插件livequery 可以为后来的元素绑定事件类似于jQuery中的live()方法 4.jQuery UI 5.jQuery Cookie 6.遮罩层插件:thickbox 7.编写jQuery插件 <1>编写插件的目的:给已经有的一些列方法或函数做一个封装,一遍在其他地方使用,方便后期维护和提高开发效率. <2>三种类型的插件 a:封装对象方法的插件 jQuery…

jQuery学习过程问题笔记

1. jQuery中,$('selector').click(function(){})和用bind绑定:$('selector').bind('click',function(){})有什么区别? 没区别.jQuery1.7之后,bind()推荐使用on()代替 2mouseout()和mouseleave()的区别. mouseout()会冒泡,mouseleave()不会…

[2016-10-24]jQuery学习回顾笔记1.0

一.如何把 jQuery 添加到网页 <script> 标签应该位于页面的 <head> 部分. <head> <script src="jquery.js"></script> </head> 在html5中,因为JavaScript 是 HTML5 以及所有现代浏览器中的默认脚本语言!<script> 标签中不需要使用 type="text/javascript",当然如果不是的…

jQuery Mobile学习笔记

1.获取jQuery mobile 文件,访问jQuerymobile网站下载 (貌似使用jquery mobile后,jquery会自动在网页中添加一些class类,第一次知道的我是被吓呆的!!) 2.需要使用数据属性,数据属性是HTML5引入的,以data-开头比如data-role可以用于定义页眉,页脚,内容,页面等 data-role="page" 是在浏览器中显示的页面. data-role="header" 是在页面顶部创建的工具条 (通常用于标题或者…

Jquery ajax 学习笔记

本人的js & jq 一直是菜鸟级别,最近不忙就看了看ajax方面的知识,文中部分内容参考自这里&这里之前一直用js写ajax现在基于jq实现方便多了~ $.get & $.post 和 $.ajax的区别之前看过同事写过$.post,而我一直用$.ajax,后来才知道$.get()和$.post()都是通过get和post方式来进行异步,$.ajax()说是jquery最底层的ajax实现的,这里我们使用$.ajax的方式实现. 调用无参方法 1 2 3 4 5 6 7 8…

jQuery EasyUI 使用笔记

大家有四次抢票机会.第一次是放票时间之后的30分钟.第二次机会是开车前的15天.第三个机会是开车前的48小时.第四个机会是开车前的24小时. $("#gys_key").combogrid("getValue") $('#dtpDate').datebox("getValue") 1.导入js 2.datagrid重新加载 3.弹出div,打开新页面 4.实现分页 5.双击 6.嵌套子表格 7.javascript刷新页面导入JS,CSS …

jquery插件 - 学习笔记（插件参数及函数的调用）

今天研究的是jquery插件的基本写法: 比如我打算写一个名为 ImageZoom 的插件前台调用: <script src="ImageZoom.js"></script>$.ImageZoom({ imageSelector: ".imgBox img", //图片选择器 wrapSelector: ".list-images", //层选择器 allowCustomeZoom: true, //允许手动缩放 spe…

1.区别jQuery对象和DOM对象. var text1=document.getElementByTagName("div") var $text2=$("div") 虽然获取的html元素相同,但在js中这是两种对象.它们对应不同的方法,第一个是DOM对象就不能使用jQuery提供的方法,而第二个就可以使用jQuery的方法. jQuery对象是一个合集,相当于可以批量操作.text1也是一个对象的合集,但它是数组变量,无法批量同时操作,如果要添加事件,必须使…

jQuery插件编写笔记

插件的种类: 1.封装对象方法的插件. 2.封装全局函数的插件. 3.选择器插件. *所有的对象方法都应当附加到jQuery.fn对象上,而所有的全局函数都应当附加到jQuery对象本身上. *在插件内部,this指向的是当前通过选择器获取的jQuery对象. *在插件头部先加上一个分号,以免他人的不规范代码给插件带来影响. *避免在插件内容使用$作为jQuery对象的别名,而应使用完整的jQuery来表示,这样可以避免冲突.也可以用闭包来回避这个问题. ;(function($){ //这里放…

jQuery动画特效笔记

show().hide().fadeIn().fadeOut().slideDown.slideUp.slideToggle()都接受可选的时长和回调参数(选项对象参数). toggle(duration,callback) toggle(condition)传入true和不带参数调用show()是一样的,传入false则和不带参数调用hide()是一样的. fadeTo()会将元素的当前opacity值变化的目标值,第一参数必须是时长,第二参数是opacity目标值,第三参数是回调函数. 时长…

Jquery Mobile 学习笔记(一)

1.模拟器,IOS:XCODE GENYMOTION ANDROID:ECLIPSE GENYMOTION 2.jquery mobile data-role=page 代表一个页面 data-position=fixed 代表固定工具栏 data-transition=slide 跳转动画效果 data-rel=dialog 弹窗口 button:A <button> B <input type="button" /> C <a class=&qu…

《锋利的jQuery》读书笔记

jQuery理念:write less, do more! 第一章一:jQuery简介 a:轻量级 b:强大选择器 c:DOM封装 d:ajax封装 e:不污染顶级变量只建立一个jQuery对象:所有的方法都在这个对象下! f:解决了浏览器的兼容性问题 g:行为和结构的分离 h:丰富的插件二:语言环境的配置 a:在页面中导入即可!三:jquery对象和DOM对象 jquery对象-->DOM对象: 将jquery对象看成一个数组! DOM对象-->jquery对象: $(dom对象) 包…

jquery入门学习笔记

还是先来个例子: <div id="div1" class="box">div</div> <ul> <li></li> <li></li> <li></li> <li class="boxs"></li> <li title="hello"></li></ul>…

JQuery一些基础笔记

JQuery学完了,总结一下一些需要掌握的知识点.首先什么是JQuery 说白了就是有JavaScript衍生出来的一个产物,它呢兼容各种浏览器,但是前提你要用这个JQ的话首先呢你就要引入JQ库.学过js的人在学jq你就会感觉jq简直是很简单的代码就给js的功能实现了.建议先去学一下js在来学jq这样会好理解一点. 一.基础类似于js中的window.onload,是在窗体加载完成后在执行.例:$(function() { alert("HelloWorld"); });JQ元素和DO…

【jQuery UI 1.8 The User Interface Library for jQuery】.学习笔记.10.Button 和 Autocomplete控件

Button ,可以使用 <button> <input> <a>. <input> 中的不同类型,submit , radio , checkbox .还能加上 icon ,split button . Autoconplete 为校准文本 <input>提供了一个文本选择的菜单.当浏览者开始在<input>中输入时,会自动匹配输入的字符,显示建议. 允许通过箭头按键导航,Enter键选中,Esc键关闭菜单.当箭头键被用来导航时,…

【jQuery UI 1.8 The User Interface Library for jQuery】.学习笔记.9.Progressbar控件

Progressbar控件用来显示任意进程的完成百分比. 默认安装启用配置选项控件暴露的事件API progressbar暴露的独一无二的方法一些现实生活的例子当前版本中,我们或系统必须明确进度的总量. 由外部<div>容器和内部<div>容器构成.内部的<div>用来高亮当前进度. 1 安装启用默认的 progressbar $(function(){ $("#myProgressbar").progressbar(); }); <…

【jQuery UI 1.8 The User Interface Library for jQuery】.学习笔记.8.Datepicker控件

默认datepicker的安装启用探索它的配置选项安装启用一个触发按钮配置一个供选择的动画 dateFormat选项简单的国际化多月datepicker 日期范围选择 datepicker的方法使用AJAX的datepicker 按着Ctrl键期间,箭头可以用来选择新的day cell,按Return键选中. 1 默认的datepicker }); 2 datepicker的配置选项 Option Default value Usage altField “” 指定一个候选的<inp…

【jQuery UI 1.8 The User Interface Library for jQuery】.学习笔记.7.Slider控件

默认slider的安装启用为slider自定义风格修改配置选项创建一个垂直的slider 设置最大最小值,和默认值启用多个手柄和范围 slider内置的回调事件 slider的方法这个简单的控件,由两个主要的元素组成,手柄,也称拇指.背景,也称为轨道. 1 安装启用一个slider }); 该控件需要以下库文件的支持: jquery-ui-x.x.x.custom.css jquery-x.x.x.js jquery.ui.core.js jquery.ui.widget.js…

【jQuery UI 1.8 The User Interface Library for jQuery】.学习笔记.6.Dialog控件

习惯上,我们播放一条简短的信息,或向浏览者询问一个问题,都会用到dialog. 创建一个基本的dialog 使用dialog 选项形式启用内置动画给dialog添加按钮使用dialog回调函数编码的形式控制dialog 1 创建一个基本的dialog $(function(){ $("#myDialog").dialog(); }); </script> 使用 jquery.ui.position.js后,dialog会自动居中. 使用 jquery.ui.dra…

【jQuery UI 1.8 The User Interface Library for jQuery】.学习笔记.5.Accordion控件

accordion是另一个UI控件,能允许你将一组content加入相互分隔的.能够被浏览者的交互打开或关闭的panels中.因此,它大多数的content在初始化的时候是隐藏的,很像tabs控件.每个容器都有一个 heading 元素与之关联,用来打开并显示content.当你点击一个heading,它的 content就会以动画的方式滑动到它下面的视图.当我们点击一个新的content时,当前可见的content会隐藏,新的会显示. accordion控件的结构 accordion的默认安装…

【jQuery UI 1.8 The User Interface Library for jQuery】.学习笔记.4.Tabs控件

之前,我们已经介绍了 jQuery UI 库,CSS 框架.下面,我们将学习这些有增强可视化效果,高度可配置的用户交互组件. Tab 的特性是,点击 tab 后,会高亮该 tab,并显示他的关联content panel,期间会确保所有其他的 content panel 是 hidden.一次最多只有一个 content panel 可以被打开,也可以没有. 本章我们主要介绍以下几点: 默认安装启用控件 CSS框架是如何触发 tab 控件怎样为一组 tabs 应用自定义样式使用 tab 控件…

【jQuery的一些笔记】的更多相关文章