当前位置: 代码迷 >> Web前端 >> JQUERY小学识汇总
  详细解决方案

JQUERY小学识汇总

热度:273   发布时间:2012-09-13 09:51:53.0
JQUERY小知识汇总

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

?

?

?

  相关解决方案