JQuery 基础

JQuery对象和JS对象区别与转换
    1. JQuery对象在操作时，更加方便。
    2. JQuery对象和js对象方法不通用的.
    3. 两者相互转换
        * jq -- > js : jq对象[索引] 或者 jq对象.get(索引)
        * js -- > jq : $(js对象)

<script>
   //1.通过js方式来获取名称叫div的所有html元素对象
   var divs = document.getElementsByTagName("div");
   alert(divs.length);//可以将其当作数组来使用
   //对divs中所有的div让其标签体内容变为“aaa"
   for(var i = 0;i<divs.length; i++){
       //divs[i].innerHTML = "aaa";
      $(divs[i]).html("ccc");//转换js -- > jq : $(js对象)
   }

   //2.通过jq方式 来获取名称叫div的所有html元素对象
   var $divs = $("div");
   alert($divs.length);//也可以当做数组使用
   //对divs中所有的div让其标签体内容变为“bbb" 使用jq方式
   //$divs.html("bbb");
    $divs.innerHTML = "bbb";//JQuery对象和js对象方法不通用

 //转换jq -- > js : jq对象[索引] 或者 jq对象.get(索引)
    $divs[0].innerHTML = "dddd";
    $divs.get(1).innerHTML = "eeee";

</script>

01-基本选择器，失败！！！

 入口函数：

$(function (){

});

4. 并集选择器：
                * 语法： $("选择器1,选择器2....") 获取多个选择器选中的所有元素

注意：选择器在同一个双引号里！！！

DOM属性操作 

 * attr和prop区别？
                1. 如果操作的是元素的固有属性，则建议使用prop（建议——>必须）
                2. 如果操作的是元素自定义的属性，则建议使用attr（建议——>必须）
            注意：option等选择下拉等属性用attr获取不到！！！要用prop

 

 name为自定义属性！！！要用attr

//需求：点击qq表情，将其追加到发言框中
        $(function (){
            //1.给img图片添加onclick事件
            $("ul img").click(function (){
                //2.追加到p标签即可。js对象不能调用jq方法，转换
                $(".word").append($(this).clone());
            });
        });