//锋利的JQuery 学习笔记
//------------------------- 第一章 认识JQuery -------------------------
jquery.min.js(生产版)是压缩版,去除了注释和空格,主要是生产环境中使用,不带jquery.js(开发版)是带有注释和空格的,方便阅读源码
·页面加载事件,网页中所有的DOM结构绘制完毕后就执行,可能DOM元素相关的额东西还没有加载完
//可以写多个ready(),结果输出多次
$(document).ready(function(){
alert("hello world");
})
...
可简写为
$(function(){
...
});
·链式操作:JQuery允许你在一句代码中操做任何与其相关联的元素,包括其子元素、父元素等
//选择名称为myDiv的元素,为其自身添加css1的样式,然后再选择其所有子元素a,为其移除css2样式
$("#myDiv").addClass("css1").children("a").removeClass("css2");
·JQuery中获得一个对象的所有子元素内容
$("#myDiv").html();//等同于documnet.getElementById("myDiv").innerHTML;
·JQuery中的变量 与 DOM中的变量
var $myVar = "";
var myVar = "";
·DOM对象 转换成 JQuery对象
var obj = documnet.getElementById("myDiv");
var $obj = $(obj);
if(obj.checked)//DOM方式判断是否选中
·JQuery对象 转换成 DOM对象
var $obj = $("#myDiv");
var obj = $obj.get(0); //或者var obj = $obj[0];
if($obj.is(":checked"))//jQuery方式判断是否选中
·释放JQuery对$符号的控制权
JQuery.noConflict();
锋利的jQuery 学习笔记-第一章 认识JQuery
最新推荐文章于 2019-01-19 21:52:53 发布