JQuery学习笔记(一) 核心函数

 一、jquery的核心函数

       $(expression,[context])

              expression:用来查找的字符串

              context:可选,作为查找的Dom元素集,文档或jquery对象

        例子:$("div>p")   查找所有P元素,并且这些元素必须是div元素的子元素   <div><p></p></div>

                以此类推:$("div>div>p")                              <div><div><p></p></div></div>

                在文档的第一个表单中,查找所有的单选按钮(即: type 值为 radio 的 input 元素)。

                $("input:radio",document.forms[0])    在form1里面查找  type为radio的input元素

              综上所诉: var divRadioList=$("div>input:radio",document.forms[0]);   是在form1里查找父元素为<div>  并且type为radio的input元素

       $(html)

             根据提供的原始html标记字符串,动态创建由jquery对象包装的dom元素

             html(string):用于动态创建DOM元素的HTML标记字符串

             $("<div>我是新增的张三</div>").appendTo(document.body);  根据html字符串创jquery对象,并添加至document.body元素中

             错误:$("<div我是新增的李四</div>").appendTo(document.body)   也会根据html字符创建jquery对象,并添加至documnt.body元素中,但根据html无法正确解释此节点,因此不展示

       $(element)

               element         dom元素

               返回                封装后的jquery对象

               $(document.body).css( "background", "black" );       获取document.body元素将其转化为jquery对象,调用jquery对象方法  设置背景颜色

               注:此地区分大小写     $(document.body).css( "backGround", "black" ); 无效

      $(callback)

                 等价于$(document).ready(callback)

                 callback是回调函数,当document加载完毕时就会调用callback(fn) ,理论上可以$(element).ready(callback)

 

posted @ 2010-12-08 10:11  菜鸟吃虫,虫吃菜  阅读(364)  评论(0编辑  收藏  举报