1. jQuery核心函数
jQuery也可写$,通常情况下$可能会与其他框架中的对象冲突(php有$的用法),所以如果所用的框架没有$的用法,jQuery可用$代替
(1)$(document).ready() 一般缩写为$(),参数为回调函数,文档就绪时触发,要优先于onload触发
① $(document).ready(function () {});
② $( function () {});
(2)jQuery(elements) 将一个或多个dom对象转换为jQuery对象
$(document.getElementById("txtName"))
(3)根据提供的原始 HTML 标记字符串,动态创建由 jQuery 对象包装的 DOM 元素。
① $("<input type='checkbox'>").appendTo("body")
② $("<input>", { type: 'textfield' }).appendTo("body")
(4)检索器(多个检索条件同时满足时,检索表达式直接连接;满足其中某个时,检索表达式用", "连接。如[name="text"].divClass结果为样式为divClass且name为text的元素)
以下结合例子分析检索器的用法(为了简单叙述,检索结果用ID代替Dom元素)
Demo,有这样一段html代码,id从0-8,有div元素及span元素:
<div id="0" class="divClass">
<span id="1" title="this is a span">
<div id="2">value2</div>
</span>
</div>
<span id="3">3value</span>
<div id="4">
<div id="5"></div>
<div id="8"></div>
<span id="6"></span>
<div id="7"></div>
</div>
普通检索
① $("#id"): 根据给定的ID匹配一个元素。
和js的document.getElementById("")功能差不多,但也有区别:$获取到的是i指定id的jQuery对象,后者获取到的是dom对象 但$("#3")[0]与document.getElementById("3")指的都是id为3的dom对象
$("#3")获取的结果即为 3
② $("dom元素名"):根据给定的元素名匹配所有元素
和js的document.getElementByTagName ("")功能类似
$("span")获取的结果即为 1