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

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值