一、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();