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);
?});
?
?
?