1、jquery内置对象:this、document
2、$(document).ready(
function() {
}
);等价于$(function(){
}
);
类似于window.onload();
window.onload与$(document).ready的区别:
此处的网页结构指的是html代码。
3、修改界面某一处的背景颜色代码
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("input").focus(function(){
$("input").css("background-color","#FFFFCC");
});
$("input").blur(function(){
$("input").css("background-color","#D6D6FF");
});
});
</script>
</head>
<body>
Enter your name: <input type="text" />
<p>请在上面的输入域中点击,使其获得焦点,然后在输入域外面点击,使其失去焦点。</p>
</body>
</html>
重点:$("").css("")——给获取的jquery对象添加css样式
4、$()函数是jquery()函数的简化别名
5、jquery动态更新的思路:
(1)获取jquery对象——通常是对DOM元素的包装
(2)调用jquery对象的方法来改变自身。jquery函数改变自身属性的方法的返回值一般都是该对象本身,可以多次调用改变自身属性的方法。
6、$("li[id]")——获取所有包含id属性的<li>元素
$("#id1,#id2")——获取id为id1,id2的元素
$("ul #id")——获取ul之内的id为id的元素
$("ul>#ajax")——获取ul之内id为ajax的直接子元素
$("#ajax~li")——获取id为ajax之后的所有的li元素
7、js界面上把对象类型转换为字符串类型
JsonUtil.stringify()——把对象(数组)类型转换为字符串
界面打印出某个对象:
var a=JsonUtil.stringify(obj);
alert(a);
可以打出具体的值。
8.jquery设置元素的readonly和disabled
Jquery的api中提供了对元素应用disabled和readonly属性的方法,在这里记录下。如下:
1.readonly
$('input').attr("readonly","readonly")//将input元素设置为readonly
$('input').removeAttr("readonly");//去除input元素的readonly属性
if($('input').attr("readonly")==true)//判断input元素是否已经设置了readonly属性
对于为元素设置readonly属性和取消readonly属性的方法还有如下两种:
$('input').attr("readonly",true)//将input元素设置为readonly
$('input').attr("readonly",false)//去除input元素的readonly属性
$('input').attr("readonly","readonly")//将input元素设置为readonly
$('input').attr("readonly","")//去除input元素的readonly属性
2.disabled
$('input').attr("disabled","disabled")//将input元素设置为disabled
$('input').removeAttr("disabled");//去除input元素的disabled属性
if($('input').attr("disabled")==true)//判断input元素是否已经设置了disabled属性
对于为元素设置disabled属性和取消disabled属性的方法还有如下两种:
$('input').attr("disabled",true)//将input元素设置为disabled
$('input').attr("disabled",false)//去除input元素的disabled属性
$('input').attr("disabled","disabled")//将input元素设置为disabled
$('input').attr("disabled","")//去除input元素的disabled属性