飞翔的起点

从这里出发

导航

<2008年11月>
2627282930311
2345678
9101112131415
16171819202122
23242526272829
30123456

统计

常用链接

留言簿(5)

随笔分类

随笔档案

文章分类

文章档案

搜索

最新评论

阅读排行榜

评论排行榜

jquery API学习(1)

一、jquery核心函数的学习

1、jQuery(exp,[context]),这个函数接受一个包含css选择器的字符串,然后用这个字符串去匹配一组元素,通俗的讲,exp参数是要匹配的表达式,context是匹配的范围,可以是dom元素,文档或者jquery对象。
jQuery的核心功能都是通过这个函数实现的,
例子:
a.找到所有p元素,并且这些元素都是div元素的子元素
HTML代码:<p>guoxzh</p><div><p>guoxiaozheng</p></div><p>guoxzh</p.

jQuery代码:$("div>p")

b.在文档的第一个表单中,查找所有的当选按钮

HTML代码:是带有type值为radio的input元素
JQuery代码:$("input:radio",document.forms[0]);

c.在一个有AJAX返回的xml文档中,查找所有的div元素

$("div",xml.responseXML);

2.jQuery(html)根据提供的原始的HTMl标记字符串,动态创建有jQuery对象包含的Dom元素,你可以传递一个手写的 HTML 字符串,或者由某些模板引擎或插件创建的字符串,也可以是通过 AJAX 加载过来的字符串。但是在你创建 input 元素的时会有限制,可以参考第二个示例。当然这个字符串可以包含斜杠 (比如一个图像地址),还有反斜杠。当你创建单个元素时,请使用闭合标签或 XHTML 格式。例如,创建一个 span ,可以用 $("<span/>") 或 $("<span></span>") ,但不推荐 $("<span>");
返回值:
    JQuery
参数:
   用于动态创建dom元素的HTML标签的字符串,

例子:
a.动态创建一个div元素,追加到body里
jQuery代码:
$("<div><input type="text" name="name" value=""></div>").appendTo("body");

b.创建一个<input>元素必须同时设定type属性,
jQuery代码:
IE中无效

$("<input>").attr("type","checkbox");

在IE中有效

$("<input type='checkbox'>");

3.jQuery(element)将一个或多个元素DOM元素转化为jQuery对象
这个函数也可以接收XML文档和Window对象(虽然它们不是DOM元素)作为有效的参数。

返回值:jQuery

例子:
a.设置页面的背景色
jQuery代码:
$("document.body").css("background","black");

b.隐藏一个表单中所有元素
jQuery代码:
$("myForm.elements").hide();

posted on 2008-11-30 15:48 forgood 阅读(554) 评论(0)  编辑  收藏 所属分类: jquery


只有注册用户登录后才能发表评论。


网站导航: