JQ的几组API辨析:

1.插入:

Jq的插入一共有八个API可供选择,结果相类似,下面将以例子,简单明了的介绍下用法:

<select name="one" multiple="multiple">

<option value="">1</option>

<option value="">2</option>

<option value="">3</option>

<option value="">4</option>

</select>

<select name="two" multiple="multiple">

<option value="">5</option>

</select>

需求:在2前面插入5;

这里面就将

$("select[name=one] option:eq(0) ")简写为1;

$("select[name=one] option:eq(1) ")简写为2;

$("select[name=two] option:eq(0) ")简写为5;

2 .before 5;

1 .after 5;

5 .insertBefore 2;

5 insertAfter 1;

以上4个均可以完美完成需求,不同的是前后之分和主体不同。

注:在原生js中也有insertBefore,但是没有insertAfter。

1 .append 5;

5 .appendTo 1;

2 .prepend 5;

5 .prependTo 2;

以上4个貌似也可以完成插入效果上有很大的不同,append 、prepend是将5插入到2的标签内部,在使用时可根据需求加以选择。

2.ready和onload

功能:两者是一致的;

用法:$(document).ready(function(){});

简写$(function(){});

Window.onload=function(){};

ready和onload是文档准备API前者是jq API,后者是js API,其更大的区别在于:

1、ready有简写;

2、ready的响应速度快于onload,原因是ready只需DOM结构加载完后执行,而onload需将页面内容加载完成后执行,显然页面内容多于DOM结构,例如:图片等;

3、一个页面允许有多个ready,而只能有一个window.onload。

时间: 2024-10-12 05:14:37

JQ的几组API辨析:的相关文章

《JAVASCRIPT高级程序设计》Canvas绘图-2D上下文

Canvas是HTML5添加的新元素,这个元素负责在页面中设定一个区域,然后通过JavaScript动态的在这个区域绘制图形.<canvas>由几组API组成,除了具备基本绘图能力的2D上下文,<canvas>还建议了一个名为WebGL的3D上下文,目前,支持该元素的浏览器都支持2D上下文,但对WebGL的支持还不够好.以下仅介绍2D上下文. 一.2D上下文 1.进行填充和描边 2D上下文的两种基本绘图操作是填充和描边:填充,是指的用指定的样式填充图形:描边,就是只在图像边缘划线.

ASP.NET-FineUI开发实践-9

用了FineUI有一段时间了,还是分享下我咋改的吧,没想的那么难,我也是从小白来的. 基础是要懂JQ和EXTJS,主要是要懂JQ和EXTJS能干啥,这里有两个网站 http://www.w3school.com.cn/jquery/traversing_find.asp http://extjs-doc-cn.github.io/ext4api/ http://www.fineui.com/api/ 1. 都烂大街了,JQ的肯定要看一遍,核心的是JQ选择器和事件,动画啥的感兴趣的可以都研究,JQ

VC++或QT下 高精度 多媒体定时器

在VC编程中,用SetTimer可以定义一个定时器,到时间了,就响应OnTimer消息,但这种定时器精度太低了.如果需要精度更高一些的定时器(精 确到1ms),可以使用下面的高精度多媒体定时器进行代码优化,可以达到毫秒级的精度,而且使用方便.先要包含头文件"mmsystem.h"和库文 件"winmm.lib". 虽然Win95下可视化开发工具如VC.Delphi.C++   Builder等都有专用的定时器控件Timer,而且使用很方便,可以实现一定的定时功能,但

WebApi Post 后台无法获取参数的解决方案

事件回放: 之前一段时间,公司里前端用的Angularjs 发送http请求也是用的ng的组件,后台是.Net的WebApi 前端 var data = { PArgs: { PageIndex: 0, PageSize: 8, RowsCount: 0 } }; $http.post("/Api/Test/ABC", data).success(function (data) { console.log(data) }); 后台接收 using SignalRDemo.VModel;

jqueryAPI使用之选择器

好一段时间没有更新博文了.刚学习完JS基础知识后,也进入到了JQ的学习.为了能熟练掌握JQ的使用,最好的方法就是反复多练,讲JQ中的API的每个知识点都练习一遍.如果能做到这个,那么对JQ就没那么陌生了.这一天,先将JQ中的选择器的每个点熟悉一遍.注:记得先将JQ库引入,并且<script></script>里的代码需要用$(function(){jq代码});在这里,我是没有添加这个. 一.基本: HTML代码: <p class="p1">p段落

安全系统简介

一.概述 1. 目的 (1)所有权 只能运行OEM或其授权的固件 (2)完整性 静态完整性:完整性检测 动态完整性:封闭的软硬件环境 (3)保密性 非授权内容不可窥视 (4)可靠性 数据来源可验证 数据来源可以追溯 (5)不可回退性 单向版本升级 2. 基础部件 (1)Hash算法 计算信息的特征值,具有不可逆和表征性 (2)加密算法 对称加密:加解密同一个秘钥 非对称加密:加解密秘钥不同 (3)数字证书 身份验证和内容保护 (4)OTP 单次编程的器件 (5)TrustZone 运行时隔离出来

《JavaScript高级程序设计》Chapter 15 canvas + Chapter 16 HTML5

Chapter 15 Canvas Chapter 16 HTML5 Chapter 15 Canvas <canvas>元素:设定区域.JS动态在这个区域中绘制图形. 苹果公司引导的.由几组API构成. 2D上下文普及了.WebGL(3D上下文)还未足够普及. 基本用法 首先:width.height属性确定绘图区域大小.后备信息放在开始和结束标签之间. getContext():DOM获得这个canvas元素对象.再在这个对象上调用getContext()获取上下文,传入参数表示获取的是2

jQ插件--时间线插件和拖拽API

这个时间轴是工作上用到的,自己写了一个, qq空间有时间轴的控件, 百度文库也有时间轴的控件: 百度的时间轴大概是这样的: 用户点击对应的锚链接,  那个三角会滚动, 然后左侧的界面也会滚动: 实际的效果如下图,用户点击左侧的按钮或者右侧的input,滚动条都会主动滚动, 这里有个小技巧就是用after和before伪类生成三角形, 用户点击按钮的滚动效果直接用jq的animate方法: 点击查看DEMO:打开 <!-- //设置内容; window.onWebMessage( '{"ty

【JQ成长笔记】jQuery Validate验证插件

validate是一款很好的jq插件,提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求.该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 API.所有的捆绑方法默认使用英语作为错误信息,且已翻译成其他 37 种语言. 需要引入的js 1 <script type="text/javascript" src="../../scripts/jquery-1.3.1.js&qu