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);
});
分享到:
相关推荐
这是一个关于JQuery框架中一些函数函数以及一些技术的简单介绍。每一次上传都要写这么多字来进行说明,这个让我很是纠结!
NULL 博文链接:https://tiehao.iteye.com/blog/585892
30个jquery实例,覆盖了jquery的各个...如果你不懂jquery基础知识,请参看我的jquery知识点汇总,那里用思维导图的形式总结了jquery的基本知识点,配合每个知识点的代码实现,一定会对你使用和学习jquery起到很大帮助。
js+jquery常用知识点汇总.docx
代码+知识点汇总,采用xmind框图导出,知识点简单明了,无论是学过还是没学过,通过这个资料过一遍绝对对Jquery整体清楚明了。后面附带了9个基本的jquery实例,进一步加深用jquery的理解。(全部实例(30个)可另外...
jQuery Mobile为开发移动应用程序提供十分简单的应用接口,而这些接口的配置则是由标记驱动的,开发者在HTML页中无须使用任何JavaScript代码,就可以建立大量的程序...使用页面元素标记驱动是jQuery Mobile的特点之一
一个基于js的jQuery类库 ,简化了js,方便代码员使用,里面基本汇总了jQuery前端所需的知识,缺乏ajax,没有服务器与后台关联知识,不过对于前端还是比较全的,含有全选,反选,左右选择以及二级联动的代码案例以及...
jquery.validate知识要点!!!!!!!!!!!1
本文主要介绍了jquery源码中常见的知识点以及javascript中原型链常见的知识点,非常的全面,这里推荐给小伙伴们。
主要介绍了jQuery事件用法实例汇总,对事件的绑定及各类事件的用法做了较为详尽的实例分析,有很好的借鉴价值,需要的朋友可以参考下
主要介绍了jQuery中Form相关知识汇总,总结的十分全面,需要的朋友可以参考下
本文汇总介绍了常见的jQuery选择器知识,包含基本元素选择器、分层选择器、基本条件选择器、内容条件选择器、可见性条件选择器、属性选择器、子元素选择器、表单元素选择器、表单属性选择器。十分的详尽,有需要的小...
主要涉及html,css,js,h5,jQuery等基础知识与使用
自己学习前端相关知识时的汇总笔记,包括HTML、CSS、Javascript、json、Jquery、Bootstrap等
本文给大家介绍jquery mobile弹出窗、弹出层知识汇总,涉及到jquery mobile弹出相关知识,本文写的非常不错,具有参考借鉴价值,需要的朋友参考下吧
自己飞花了好多的的时间梳理的知识点,有html, javascript , jquery ,ajax , servlet相关, .... web阶段所有知识点都标识了重点方便各位学习与查询!
这部分主要是汇总一些平时遇到的jquery和css小知识,作为笔记使用。 二、正文 1、jquery模拟select下拉框的选择事件,并传参数: self.selectArray[j].val(value的值).trigger('change'); 2、jquery正则匹配去掉...