首页 > 代码库 > JQuery 基础

JQuery 基础

jQuery是javascript库.

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

$ ==JQuery 

页面载入完成后发生:

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

 <script src=http://www.mamicode.com/"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(){      //事件注册 点击事件

     }

}

 

JQuery 基础