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相关知识汇总** jQuery是一个高效、简洁且易用的JavaScript库,它极大地简化了JavaScript的HTML文档遍历、事件处理、动画制作和Ajax交互。本篇将对jQuery中的核心概念、常用函数和技术进行深入讲解。 ### ...
**jQuery基础知识汇总** jQuery是一个广泛使用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画制作和Ajax交互。由于其简洁的API和强大的功能,jQuery成为了前端开发的首选工具之一。 ### 1. jQuery...
### jQuery核心知识点详解 在现代Web开发中,jQuery作为一个轻量级、功能强大的JavaScript库,极大地简化了HTML文档遍历、事件处理、动画以及Ajax交互等操作。本文将基于提供的文件信息,深入解析jQuery中的一些...
通过这份“jQuery学习大全”,开发者不仅可以系统学习jQuery的基础知识,还能深入探讨其在实际项目中的应用,提升开发效率,为构建功能丰富、用户体验优秀的Web应用打下坚实基础。无论是初学者还是有经验的开发者,...
30个jquery实例,覆盖了jquery的各个...如果你不懂jquery基础知识,请参看我的jquery知识点汇总,那里用思维导图的形式总结了jquery的基本知识点,配合每个知识点的代码实现,一定会对你使用和学习jquery起到很大帮助。
代码+知识点汇总,采用xmind框图导出,知识点简单明了,无论是学过还是没学过,通过这个资料过一遍绝对对Jquery整体清楚明了。后面附带了9个基本的jquery实例,进一步加深用jquery的理解。(全部实例(30个)可另外...
jQuery中Form相关知识汇总为广大开发人员提供了一系列处理表单的技巧和方法。其中,涉及到了对单行文本输入框的焦点事件处理以及多行文本框高度调整的功能。 首先,处理单行文本输入框的焦点事件。焦点事件包括两个...
jQuery Mobile为开发移动应用程序提供十分简单的应用接口,而这些接口的配置则是由标记驱动的,开发者在HTML页中无须使用任何JavaScript代码,就可以建立大量的程序...使用页面元素标记驱动是jQuery Mobile的特点之一
以下是一些关键的知识点汇总: 1. 类型转换: - `+` 运算符用于字符串与数字之间的转换。当一个数字与字符串相加时,结果会是一个连接后的字符串;而一个数字与字符串相减时,字符串会被转换为数字。 - 使用 `!!`...
一个基于js的jQuery类库 ,简化了js,方便代码员使用,里面基本汇总了jQuery前端所需的知识,缺乏ajax,没有服务器与后台关联知识,不过对于前端还是比较全的,含有全选,反选,左右选择以及二级联动的代码案例以及...
**jQuery入门汇总** jQuery,一个轻量级的JavaScript库,以其简洁的API和强大的功能深受开发者喜爱。它简化了HTML文档遍历、事件处理、动画和Ajax交互等常见任务,大大提高了开发效率。本篇文章将深入浅出地介绍...
### jQuery.Validate核心知识点详解 #### 一、简介与基本用法 `jQuery.validate`插件是一种基于jQuery的表单验证工具,它可以帮助开发者快速实现客户端数据校验功能,提高用户体验的同时减少服务器端的压力。该...
本文对使用jQuery实现的众多实用小案例进行了汇总,适用于希望通过该框架简化DOM操作、事件处理及动画效果等Web开发任务的开发者。以下为本文所涉及知识点的详细介绍: 1. 预设默认值于文本输入框 在用户未输入值时...
标题中提到的“jQuery事件用法实例汇总”表明本文将深入探讨在jQuery中如何使用各种事件,并通过实例来展示这些事件的具体应用。这些事件包括但不限于click、dblclick、mouseover、mouseout、focus、blur、change、...
- **jQuery form操作技巧汇总**:了解如何使用jQuery处理表单提交、验证等操作。 - **jQuery常用插件及用法总结**:扩展jQuery的功能,利用各种插件来完成更多复杂的任务。 - **jQuery扩展技巧总结**:探索更多...
本文将详细介绍在jQuery源码中常见的一些JavaScript知识点,以及原型链在JavaScript中的常见应用,旨在帮助开发者更全面地了解和掌握这两方面的核心内容。 一、jQuery源码中常见的知识点 1. 类型转换的快捷方法 在...
这个名为“前端知识小汇总.zip”的压缩包文件包含了这些关键知识点的文档,帮助我们深入理解并掌握它们。 1. **HTML**(HyperText Markup Language):HTML是网页内容的结构标准,定义了网页的基本元素。"1...
### jQuery UI 基础教程知识点汇总 #### Position 定位工具 **描述:** Position 是 jQuery UI 提供的一种用于精确控制元素位置的功能。通过设置被定位元素与目标元素之间的相对位置关系,可以轻松实现元素相对于...
以下是对这些选择器知识点的详细说明: 1. 基本选择器 - 通过标签名选择:`$('tag')`。这个选择器获取所有指定的标签名元素。 - 通过类名选择:`$('.className')`。这个选择器获取所有具有指定类名的元素。 - 通过...