Jquery学习笔记二

1. JQuery对象就是通过JQuery包装Dom对象产生后的对象， Dom对象想通过JQuery对象来操作，就先要转换为JQUery对象

     页面存放一个 <div id="myid" ><font >你好我好大家好</font></div>

    

     $(function () { alert($("#myid").text()); });  //输出 你好问候大家好    ====等价===document.getElemnetById("myid").innerText;

     $(function () { alert($("#myid").html()); });  //输出 <font>你好问候大家好</font>====等价====document.getElementById("myid").innerHTML;

    

直接赋值：

    $(function () { $("#myid").html("<a href='http://baidu.com'> 百度</a>") });  输出一个超链接  百度
       

 

 2. Jquery如何转换成Dom对象   $("idname")[0]  或者  $("idname").get(0)

     $(function () {
            var dommyid = $("#myid")[0];
            alert(dommyid.innerHTML);
        });

 

3. Jquery 修改元素样式

        页面代码

        <div id="myid" ><font >你好我好大家好</font></div>
        <input  type="text" id="mytxt" />

        //jquery修改css样式（修改myid层的背景颜色）
        $(function () {
            $("#myid").css("background", "red");
            alert($("#myid").css("background"));

            $("#mytext").val("helloword！");
            alert($("#mytext").val());

        })

4. JQuery选择器

   4.1  ID选择器( # )

    一般用来查找满足条件的元素，如（$("#controlID")来根据控件ID获取jQuery对象）

     $("#controlName")来获取所有指定标签的jQuery对象

   4.2 class选择器( . )

     $(".controlName")

   4.3 多条件选择器

      $("p,div,span,menuitem") 同时选择P标签, div标签和拥有menuitem，span标签元素

      例如： $("div li") 获取div下的所有的li元素

                  $("div > li") 获取div下的直接li子元素

                  $(".menuitem + div") 获取样式名为menitem之后的第一个div元素

                  $(".menuitem - div") 获取样式名为menitem之后的所有的div元素