1、学习JQUERY反复了几次,久了没做WEB项目就忘记了,总结很重要。
a、按照JQUERY官方API分类,记忆主要分类及主要API的使用,http://api.jquery.com。
选择器比较典型的:p:last(最后一个适配元素)、p:even(偶数适配元素,0开始算偶数)、p:odd(奇数适配元素,1开始算奇数)、p:eq(0)(第1个适配元素,偏移量从0开始)
attribute大分类:
(1)removeClass:填单个class;不填参数,移除所有class;更新class,attr("class","newClass");
(2)removeProp:不要用于移除checked,disabled,selected等native property,移除后无法再被添加,使用prop("checked",false);
(3)val:理解textarea的XHR问题;select的:selected选择器用法、checkbox的:checked选择器用法,无选择项返回null;可以利用val(value)或val([value1,value2])给select的单选多选,radio和checkbox来设定当前选定项。
2、使用JQUERY让指定DIV屏幕居中
页面:
<body><div id="wrap">DIV SCREEN CENTER</div></body>
JQuery实现:
$(function(){
var obj = $("#wrap");
var divWidth = 500;
var divHeight = 300;
obj.css({'position': 'absolute','border': '1px solid red'}).height(divHeight).width(divWidth);
var x = ($(window).width()-divWidth)/2;
var y = ($(window).height()-divHeight)/2;
obj.css("top",y).css("left",x);
});