首页 > 代码库 > 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 基础