知识点一:jQuery对HTML的设置与捕获
1、text():设置或返回所选元素的文本内容
返回:$("#btn1").click(function(){
alert("Text:"+$("#test").text());
});
设置:$("#btn1").click(function(){
$("#test1").text("Helloworld!");
});。
2、html():设置或返回所选元素的内容(包括HTML标记、注释、属性、文本)
返回:$("#btn2").click(function(){
alert("HTML:"+$("#test").html());
});
设置:$("#btn2").click(function(){
$("#test2").html("<b>Helloworld!</b>");
});
3、val():设置或返回表单字段的值
返回:$("#btn1").click(function(){
alert("值为:"+$("#test").val());
});
设置:$("#btn3").click(function(){
$("#test3").val("RUNOOB");
});
4、attr()、prop():用于获取和返回属性值。
1、prop()具有true和false两个属性的属性,如checked,selected或者disabled使用prop(),其他的使用attr()
2、prop()可以设置返回被选元素的本身属性,但自定义属性不行
3、attr()不仅可以返回(设置)元素的原生属性,还可以返回(设置)自定义属性
4、$("button").click(function(){
alert($("#runoob").attr("href"));
});
$("button").click(function(){
$("#runoob").attr("href","http://www.runoob.com/jquery");
});
知识点二、jQuery对HTML的页面尺寸操作
1、width()方法设置或返回元素的宽度(不包括内边距、边框或外边距,不用加px)==width
2、height()方法设置或返回元素的高度(不包括内边距、边框或外边距, 不用加px)==height
3、innerWidth()方法返回元素的宽度(包括内边距)==clientWidth
4、innerHeight()方法返回元素的高度(包括内边距)==clientHeight
5、outerWidth()方法返回元素的宽度(包括内边距和边框)==offsetWidth
6、outerHeight()方法返回元素的高度(包括内边距和边框)==offsetHeight
7、scrollTop()方法设置或者返回滚动条被卷去的元素的高度
8、scrollLeft()方法设置或者返回滚动条被卷去的元素的宽度