以下是为您整理出来关于【jquery学习笔记】合集内容，如果觉得还不错，请帮忙转发推荐。
一.节点的操作 1.查找节点： var $var_1=$("htmltype"); //这句话就是获取所有htmltype节点 如：var $ul_1=$("ul"); 2.创建并追加节点： var $var_1=$("<htmltype>");//这句话是创建一个节点 $("htmltype2").append($var_1) ; //这句话是把节点插入所有htmltype2节点中 例子：var $li_1=$("<li title="title1">香蕉</li>"); $("ul").append($li_1); 其中插入方法有以下几种：append() 把B追加到A内部（所有的A元素...
一.事件绑定 1.事件绑定函数 事件的绑定函数为如下形式： .bind(type [,data],fn) type:类型 如click..... data:参数 fn:事件执行的函数 例子 代码如下:$(function(){ $(#id1).click(function(){ $(#id2).show();//id2显示 }) ; }); 二.合成事件 1.鼠标滑过事件 .hover(enter,leave) enter:鼠标光标移动到对象时触发的函数 leave:鼠标光标移出对象触发的函数 例子： 代码如下:$(function(){ $(#id1).hover(function(){ $(#id2)....
一.系统预定义的动画函数 1.显示隐藏函数 show(); //显示元素(同时增加宽、高、不透明度) hide(); //隐藏元素 执行hide()隐藏界面元素，相当于将css样式中的display:none. 我们也可以在函数中加入参数，具体如下： show("slow"); 除了slow取值外，还可以设置为normal,fast,分别代表时间为600，400，200毫秒 我们也可以加如具体时间取值。具体如下： slow(1000); 这样代表时间完全显示出元素的时间间隔为1000毫秒 2.不透明度函数 fa...
DOM分为3个方面,即DOM Core,HTML-DOM,CSS-DOM. 1,DOM Core并不专属于JavaScript,任何一种支持DOM的程序设计语言都可以使用它. JavaScript中的getElementById(),getElementsByTagName()...等方法. 例如:使用DOM Core来获取表单对象的方法: document.getElementsByTagName("form"); 2,HTML-DOM. 在使用JavaScript和DOM为HTML文件编写脚本的时候.有许多专属于HTML-DOM的属性.HTML-DOM的出现甚至比DOM Core还要早,它提供了一些更简明的...
观察函数 ajaxStart 和 ajaxStop 函数可以用来作为观察函数，我们可以使用观察函数的回调函数来做相应的处理。 当 Ajax 请求开始且尚未进行其他传输时，会触发 ajaxStart 的回调函数。 当最后一次活动请求终止时，则会执行通过 ajaxStop 注册的回调函数。 由于观察函数具备全局性，所以需要使用 $(document) 来调用。我们通过使用 Ajax 方法取得一个图片的例子来测试两个函数: 当前页面为： <div></div> <button>load</button> 同目...
加载 HTML 我们通常使用加载 HTML 的方法来加载 HTML 片段，并插入到指定位置，假设当前页面为： <div></div> <button>load</button> 同目录下的 test.html 文件内容为： <span>test</span>我们可以使用 load 方法来加载 HTML，将其绑定到按钮的点击事件上：$(button).click(function() {$(div).load(test.html);});点击按钮后：加载 JSON JSON 即 Javascript Object Notation，直译过来即 Javascript 对象表示法，因此它能很方便地...
请求数据 我们可以使用 GET、POST 两种方式向后端请求数据，这里以 PHP 为例，假设有测试页面 age.php，用于返回年龄信息，内容为： if(isset($_REQUEST[name]) && $_REQUEST[name] == stephen) {echo 23; }当前页面内容为： <div><a href="age.php">stephen</a><span>age : </span><span id="sex"></span> </div> 我们希望点击 a 标签后，在不刷新页面的前提下获取年龄信息。首先用 GET 方式请求数据: GET 方式$(a).click(functio...
deep是布尔值,表示是否进行深度合并,默认是false,不执行深度合并.通过这种方式可以在jQuery或jQuery.fn上添加新的属性和方法,jQuery的其他模块大都是这么实现的. 给jQuery添加扩展时用$.extend()如:jQuery.extend({add:function(a,b){return a+b}}) 使用:$.add(1,3)=====>4; 给jQuery实例对象添加扩展时用$.fn.extend(); $.fn.extend({gys:function(){$(this).css("color","red")}}); 调用:$("div.guo").gys();因为参数的个数是不确...
代码如下:jQuery.fn = jQuery.prototype = { constructor: jQuery, init: function( selector, context, rootjQuery ) { }, selector: "", jquery: "1.7.2", length: 0, size: function() {}, toArray: function() {}, get: function( num ) {}, pushStack: function( elems, name, selector ) {}, each: function( callback, args ) {}, read...
从源码中可以看到,这些常见的方法,都是直接从原生的javascript中"借鉴"过来的.为什么这么说呢?225行中,在运行时,this是指向jQuery对象的,通过call语句借鉴slice方法,切割出一个数组出来,这种"借鸡下蛋"的方法,真的是让人拍手叫绝.slice(start,end)是用来切分数组的.start表示切分数组的开始位置.省略end表示到从start一直到最后