jQuery基础
来源:广州中睿信息技术有限公司官网
发布时间:2012/10/21 23:25:16 编辑:admin 阅读 520
1.jQuery核心函数jQuery也可写$,通常情况下$可能会与其他框架中的对象冲突(php有$的用法),所以如果所用的框架没有$的用法,jQuery可用$代替(1)$(document).rea

1.       jQuery核心函数

jQuery也可写$,通常情况下$可能会与其他框架中的对象冲突(php$的用法),所以如果所用的框架没有$的用法,jQuery可用$代替

1$(document).ready() 一般缩写为$(),参数为回调函数,文档就绪时触发,优先onload触发

      $(document).ready(function () {});

      $( function () {});

2jQuery(elements) 将一个或多个dom对象转换为jQuery对象

$(document.getElementById("txtName"))

         3)根据提供的原始 HTML 标记字符串,动态创建由 jQuery 对象包装的 DOM 元素。

      $("<input type='checkbox'>").appendTo("body")

      $("<input>", { type: 'textfield' }).appendTo("body")

         4)检索器(多个检索条件同时满足时,检索表达式直接连接;满足其中某个时,检索表达式用", "连接。如[name="text"].divClass结果为样式为divClassnametext的元素)

         以下结合例子分析检索器的用法(为了简单叙述,检索结果用ID代替Dom元素)

                   Demo,有这样一段html代码,id0-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匹配一个元素。

jsdocument.getElementById("")功能差不多,但也有区别:$获取到的是i指定idjQuery对象,后者获取到的是dom对象 $("#3")[0]document.getElementById("3")指的都是id3dom对象

$("#3")获取的结果即为 3

    $("dom元素名"):根据给定的元素名匹配所有元素

jsdocument.getElementByTagName ("")功能类似

$("span")获取的结果即为 1

联系我们CONTACT 扫一扫
愿景:成为最专业的软件研发服务领航者
中睿信息技术有限公司 广州•深圳 Tel:020-38931912 务实 Pragmatic
广州:广州市天河区翰景路1号金星大厦18层中睿信息 Fax:020-38931912 专业 Professional
深圳:深圳市福田区车公庙有色金属大厦509~510 Tel:0755-25855012 诚信 Integrity
所有权声明:PMI, PMP, Project Management Professional, PMI-ACP, PMI-PBA和PMBOK是项目管理协会(Project Management Institute, Inc.)的注册标志。
版权所有:广州中睿信息技术有限公司 粤ICP备13082838号-2