博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

jquery

Posted on 2012-07-19 14:42  bw_0927  阅读(204)  评论(0)    收藏  举报

<input type="checkbox" id="myid" value="xyz" checked />

$('#myid').attr("checked") 返回true or false

$('#myid').attr("checked", false)  设置false

$('#myid').val(); 返回xyz

$("#myid:checked") 返回一个jquery selector对象

var delts = $('input[name="deleteSelectedURLs"]:checked').length;

$('a[id^="deleteSelectedURLs"]')

 http://www.funnyhao.com/in-the-end-is-what-explains-the-jquery-init-function-symbols-and/

 

 

http://zoroeye.iteye.com/blog/1979929

Jquery基础

Jquery类库定义了一个全局函数:jQuery()。该函数使用频繁,因此在类库中还给它定义了一个快捷别名:$。注意:如果在自己的代码中使用$作为变量或引入其他类库有$作为全局变量,为了避免冲突可以调用jQuery.noConflict()来释放这个别名。

这个拥有两个名字的全局方法是jQuery的核心查询方法,如:
Var divs = $(“div”);
该方法返回零个或多个dom元素,这就是jquery对象。注意,jquery对象和dom元素是两个不同的概念。

在jquery中,链式调用使用很多,如:
$(“p.details”).css(“background-color”, “yellow”).show(“fast”);
这里使用了css函数来操作元素样式,还记得javascript中要怎么操作吗?比如可以通过属性直接读写。

1.jQuery()函数
在jQuery类库中,最重要的方法是jQuery()方法,它有四种不同的调用方式。
第一种:也是最常用的,是传递css选择器(字 符串)给$()方法,方法会返回当前文档中匹配选择器的元素集。Jquery支持大部分css3选择器语法,还支持一些自己的扩展语法。还可以将一个元素 或jquery对象作为第二个参数传递给$()方法,这是返回的是该特定元素或元素集的子元素中匹配选择器的部分。第二个参数是可选的,定义了元素查询的 起始点,经常称为上下文(context), 如果不传就默认是document对象.
第二种调用方式是传递一个Element,Document或Window对象给$() 方法。这种情况下,$()方法只是简单地将Element,Document或Window对象封装成jQuery对象并返回。这个也是把普通dom对象 转成jquery对象的方法。Jquery对象可以表示文档中的多个元素,也可以传递一个元素数组给$()方法。
第三种调用方式是传递html文本字符串给$()方法。这种调用方式下,jquery会根据传入的文本创建好html元素并封装为jquery对象返回。Jquery不会将刚创建的元素自动插入文档中,可以使用jquery提供的其他方法操作。
注意:不可传入纯文本,因为jquery会把纯文本当成css选择器解析。也就是传入的文本至少包含一个带有尖括号的html标签。
第四种是传入一个函数给$()方法。此时,当文档加载完毕且DOM可操作时,传入的函数将被调用。
jQuery(function(){

})

$(function(){

})

$(document).ready(function(){

})
上面三种写法是等价的,
这就取代了javascript中的写法:
Window.onload = function(){

}
但这并不是完全等价的,两者调用时机不同,后面会有介绍。

Jquery类库还是用jQuery函数作为其命名空间,在下面定义了不少工具函数和属性。包括用于遍历的jQuery.each(), 用来解析JSON文本的jQuery.parseJSON()等。

$()的返回值是一个jQuery对象,jQuery对象是类数组。