JQuery 基础

Posted 2020-08-11

jQuery是javascript库.

兼容性好，简化javascript和ajax编程

$ ==JQuery 

页面载入完成后发生：

$(document).ready(function (){    }};  相当于JS里面的Window.onload=function () {  }

 <script src="jquery.js"></script>   //jquery 是个脚本库 
    <script>
        $(document).ready(function () {
            alert("OK");
        });
       //简化写法  可以加载多次
        $(function () {
　　　　　　　alert("在是简单写法");
        }};
    </script>

Query元素与DOM元素      jQuery元素名 以$符号开头      转换jQuery 为普通js元素      jQuery元素实际是DOM对象数组   JQuery就是一个数组

var $cr = $(cr) 　　　　　　转换DOM元素为jQuery元素

var $cr = $(“#cr”); 　　　　找到ID为cr的元素，将其赋值给jQuery元素

var cr = $cr[0]; 　　　　　　将jQuery元素转换为DOM元素

var cr = $cr.get(0); 　　　　将jQuery元素转换为DOM元素

 

alert($("#uu").text());   输出字符串

alert($("#uu").html());  输出html内容

 

$("<div><p>Hello</p></div>").appendTo("body")  

生成一个包含“<div><p>Hello</p></div>”得 jQuery元素，将其追加到body元素里面

is(":checked")是jQuery的方法判断，jQuery对象是否选中

$(function(){

　　　　$cr = $(“#cr”); //找到ID值为 cr的元素

       var cr = $cr[0]; //将jQuery元素转换为DOM元素

       $cr.click(function(){      //事件注册 点击事件

     }

}