jquery 1.4参考手册学习笔记

动画函数:

stop()函数,其中括号内参数若写,格式为 stop({clearQueue :true,gotoEnd:true})

动画开关:显示隐藏

<button id="go">Go</button>

<p>Hello</p><p style="display: none">Hello Again</p>

var flip = 0;

$("button").click(function () {

$("p").toggle( flip++ % 2 == 0 );

});

flip++ % 2 == 0 ,判断flip是为奇数或偶数

flip+1能被2整除,则为真,即flip为奇数则为真,偶数

后加加有滞后的特点,后加加之后还是原来的值,前加加之后立刻变为加后的值,所以首先设为0,后加加后依然为0,整除2可以除尽,则为true,即为show,所以首先显示隐藏的元素,然后再一起隐藏、一起显示。如果不加这个开关,直接写toggle(),则为两个p元素交替显示与隐藏,而不能同时显示与隐藏。

根据switch参数切换元素的可见状态(ture为可见,false为隐藏)。

如果switch设为true,则调用show()方法来显示匹配的元素,如果switch设为false则调用hide()来隐藏元素。

jquery自定义插件

//    默认选中所有和默认不选中所有

jQuery.fn.extend({

check:function(){//这里的this指代jquery对象,所以也是类数组,可以遍历,可以取长度

return this.each(function(){this.checked=true;});

},

uncheck:function(){

return this.each(function(){this.checked=false;})

}

});

$("input[type=checkbox]").check();

$("input[type=radio]").uncheck();

jQuery.extend({

min:function(a,b){return a<b?a:b},

})

jQuery.fn.extend({

test:function(){

//使用this   指代jquery对象

this.each(function(){

alert(this.value);//使用this-指代DOM对象

})

}

}

});

val(array)

val括号中可以写数组,用在check和select上,相当于设置select,单选框和复选框的默认选中的值,而不是显示的value文字

<select id="single">

<option>Single</option>

<option>Single2</option>

</select>

<select id="multiple" multiple="multiple">

<option selected="selected">Multiple</option>

<option>Multiple2</option>

<option selected="selected">Multiple3</option>

</select><br/>

<input type="checkbox" value="check1"/> check1

<input type="checkbox" value="check2"/> check2

<input type="radio" value="radio1"/> radio1

<input type="radio" value="radio2"/> radio2

$("#single").val("Single2");

$("#multiple").val(["Multiple2", "Multiple3"]);

$("input").val(["check2", "radio1"]);

prepend(content)

<p>I would like to say: </p>

<p>I would like to say: </p>

<b>Hello</b>

<b>Good Bye</b>

$("p").prepend( $(".foo")[0] );

结果:

<p><b>Hello</b>I would like to say: </p>

<p><b>Hello</b>I would like to say: </p>

<b>Good Bye</b>

css({属性名:“属性值”})

属性值如果有小杠作为连接符,则不写,第二个单词开头字母大写或者这个属性使用引号也可以!

$("p").css({ "margin-left": "10px", "background-color": "blue" });

大括号里只要有一个地方错的,则所有的都不能正常显示

css(name,value)

eg:$(“p”).css(“background-color”,”red”);

$(“p”).css(“backgroundColor”,”red”);

前面的属性名必须加双引号,其中的属性可以驼峰可以加小杠,涉及到px数值的,加引号,里面必须写单位,不加引号,直接写数字就可以。

 

offset(坐标)

不是获取偏移,是设置偏移,设置某个元素的相对于document对象的位置(relative)

position() 获取匹配元素相对父元素的偏移

事件对象

fn这个参数的回调函数还可以接受一个参数。当这个函数被调用时,一个JavaScript事件对象会作为一个参数传进来。

这个事件对象通常是没有必要且可以省略的参数,因为当这个事件处理函数绑定的时候就能够明确知道他在触发的时候应该做些什么,通常就已经可以获得充分的信息了。然而在有些时候,在事件初始化的时候需要获取更多关于用户环境的信息。可以参考完整的关于事件对象的内容。

在事件处理函数内返回false就等价于执行事件对象上的.preventDefault()和.stopPropagation()。

可以像这样在事件处理函数内使用事件对象:

 

$(document).ready(function() {

  $(‘#foo‘).bind(‘click‘, function(event) {

    alert(‘The mouse cursor is at (‘

      + event.pageX + ‘, ‘ + event.pageY + ‘)‘);

  });

});

 

注意,这个参数添加到了一个匿名函数上。这个代码可以让用户在点击ID为foo的元素时,报告鼠标点击时相对于页面的坐标。

 

 

时间: 2024-10-21 08:16:48

jquery 1.4参考手册学习笔记的相关文章

JS和JQuery中的事件委托 学习笔记

事件委托其实并不是一个很高级的技巧,比如在一个页面里面,当只存在两个按钮的时候,可能你给按钮添加监听是这样的:(本文不考虑浏览器兼容性,关于事件的兼容性可参考前面的学习笔记) <div id="container"> <button id="btn1">按钮1</button> <button id="btn2">按钮2</button> </div> var btn1 =

jQuery,Ajax.animate,SVG(简要学习笔记二十)[完结篇]

1.$和jquery在全局命名空间中定义的唯一两个变量. 2.jquery是工厂函数,不是构造函数.他返回一个新创建的对象. 3.jquery的四种调用方式: <1>传递CSS选择器(字符串)给$()方法 <2>传递Element,Document或Window对象给$()方法 <3>传递HTML文本字符串给$()方法. 如: var img=$("<img/>", //新建一个<img>元素 { src:url, //具有h

用jQuery实现瀑布流效果学习笔记

jQuery一直没系统的学,只知道是js库,封装了好多js函数,方便了开发.以前做过一个原生的图片网站瀑布流效果,超级麻烦,这次用了jQuery方法,瞬间代码浓缩了,只有56行js代码.神奇的让我来把其中的几个函数具体记录一下. 首先,在WebStorm中新建一个工程,导入jquery库和几张img放在img文件夹下,新建html和css文件,用来搭建基本的网页结构.我们设定图片的宽度固定,高度不定,绝对定位,左浮动.这里就不细说了.我们主要讲jquery部分的知识. 这里我们讲一下我们要实现的

android官方手册学习笔记

数据存储 在提交sharedpreference 修改的时候,用apply代替commit 避免UI线程阻塞 设备兼容 系统会自动根据当前屏幕的大小等,在相应的文件夹里去找资源,如large等等 可以使用Build中的常量 VERSION.SDK_INT来判断当前的系统版本

Unix/Linux系统管理技术手册学习笔记——shell

创建日期:2016/02/29 更新日期:2016/02/29 shell变量赋值时不能在等号两边留空白,否则shell会把变量名误认为是命令名 双引号括起来的变量可以进行替换(用*和?这样的文件名匹配元字符做扩展)和变量扩展,单引号则不会处理变量. 左引号’,它处理机制和双引号类似,即能够把字符串的内容按一条shell命令来执行,然后用输出来替换这个字符串. cut:把行分成域,默认限定符为tab,可以用-d选项来改变这个限定符,-f选项指定输出包含哪些域. bash +x:在执行某条命令之前

jquery学习笔记(五)ajax

$(selector).load( url [,date] [,callback] ) url:请求页面的url地址 date:发送至服务器的key:value数据 callback:请求完成时的回调函数,无论请求成功或失败,即只要XMLHttpRequest对象的状态为4或complete时就调用 此函数会将ajax返回的内容作为innerHTML插入到selector里面如果需要可以在url后面添加参数来筛选要插入的内容 如果有date参数则按照POST方式发送,否则按照GET方式发送.da

JQuery 在线参考手册

官方JQuery API  http://api.jquery.com/ 在线参考手册    http://www.w3school.com.cn/jquery/index.asp 在线参考手册1   http://hemin.cn/jq/ 在线参考手册 2    http://www.php100.com/manual/jquery/ 在线参考手册  3    http://www.jz123.cn/shouce/jQuery/ 在线参考手册  4    http://www.jb51.net

jquery学习笔记-----ajax

$(selector).load( url [,date] [,callback] ) url:请求页面的url地址 date:发送至服务器的key:value数据 callback:请求完成时的回调函数,无论请求成功或失败,即只要XMLHttpRequest对象的状态为4或complete时就调用 此函数会将ajax返回的内容作为innerHTML插入到selector里面如果需要可以在url后面添加参数来筛选要插入的内容 如果有date参数则按照POST方式发送,否则按照GET方式发送.da

SystemTap 学习笔记 - 安装篇

https://segmentfault.com/a/1190000000671438 在安装前,需要知道下自己的系统环境,我的环境如下: uname -r 2.6.18-308.el5 Linux 2.6.18-308.el5 #1 SMP Tue Feb 21 20:06:06 EST 2012 x86_64 x86_64 x86_64 GNU/Linux 安装 为了部署 SystemTap,需要安装以下两个 RPM 包: systemtap systemtap-runtime 以 root