文章分类 - JQuery
摘要：var objSel = document.getElementById("selOp"); //这是获取值 alert("当前值: " + objSel.value); //这是获取文本 alert("当前文本: " + objSel.options(objSel.selectedIndex).text); 增加复选框套路var e = document.createElement("input"); e.type = "checkbox"; e.value = resul...
阅读全文
posted @ 2012-08-16 15:58
xfyn
摘要：1、关于页面元素的引用通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom定义的方法。2、jQuery对象与dom对象的转换只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom对象还是jquery对象。普通的dom对象一般可以通过$()转换成jquery对象。如：$(document.getElementById("msg"))则为jquery对象，可以使用jquery的方法。
阅读全文
posted @ 2011-05-03 20:12
xfyn
摘要：页面传递汉字出现乱码.找相差资料后解决.方法就是加上escape形如下:url="xxx.xxx?key_xl=" + escape(value);
阅读全文
posted @ 2011-04-21 14:49
xfyn
摘要：一、用前必备官方网站：http://bassistance.de/jquery-plugins/jquery-plugin-validation/API:http://jquery.bassistance.de/api-browser/plugins.html当前版本：1.5.5需要JQuery版本：1.2.6+, 兼容 1.3.2<script src="../js/jquery.js" type="text/javascript"></script><script src="../js/jquery.valid
阅读全文
posted @ 2011-04-12 16:12
xfyn
摘要：预加载图片 通常使用JavaScript来预加载图片是个相当不错的方法://定义预加载图片列表的函数(有参数) jQuery.preloadImages = function(){ //遍历图片 for(var i = 0; i<arguments.length; i++){ jQuery("<img>").attr("src", arguments[i]); }}// 你可以这样使用预加载函数$.preloadImages("images/logo.png", "images/logo-face.png&
阅读全文
posted @ 2011-04-08 16:53
xfyn
摘要：将你的代码测试完好 jQuery有一个名为QUnit单元测试框架。编写测试很容易，它能让您可以放心地修改您的代码，并确保它仍然按预期工作。下面是如何工作的：//将测试分成若干模块.module("Module B"); test("some other test", function() { //指定多少个判断语句需要加入测试中. expect(2); equals( true, false, "failing test" ); equals( true, true, "passing test" );});
阅读全文
posted @ 2011-04-08 16:53
xfyn
摘要：jQuery允许我们在css选择器的基础上定义自定义选择器来让我们的代码更简洁:$.expr[':'].mycustomselector= function(element, index, meta, stack){ // element- DOM元素 // index - 堆栈中当前遍历的索引值 // meta - 关于你的选择器的数据元 // stack - 用于遍历所有元素的堆栈 // 包含当前元素则返回true // 不包含当前元素则返回false}; // 自定义选择器的应用:$('.someClasses:test').doSomething();
阅读全文
posted @ 2011-04-08 16:52
xfyn
摘要：绑定jQuery函数到$(window).load事件 大多数jQuery实例或教程都告诉我们绑定我们的jQuery代码到$(document).ready事件。虽然$(document).ready事件在大多数情况下都OK，但是它的解析顺序是在文档准备就绪，单文档中的图片等对象正在下载的时候开始运行的。所以在某些时候使用$(document).ready事件并不一定能达到我们预期的效果，比如一些视觉效果和动画、拖拽、预读取隐藏图片等…通过使用$(window).load事件便可以安全的在整个文档都准备就绪之后再开始运行你期望的代码。$(window).load(function(){ //
阅读全文
posted @ 2011-04-08 16:46
xfyn
摘要：存储数据 使用data方法可以避免在DOM中存储数据，有些前端开发er喜欢使用HTML的属性来存储数据：$('selector').attr('alt', 'data being stored');//之后可以这样读取数据:$('selector').attr('alt'); 使用”alt”属性来作为参数名存储数据其实对于HTML来说是不符合语义的，我们可以使用jQuery的data方法来为页面中的某个元素存储数据$('selector').data('参数名','要存储的数
阅读全文
posted @ 2011-04-08 16:45
xfyn
摘要：1.迭代jQuery.each( object, callback )返回值:Object说明:通用例遍方法，可用于例遍对象和数组。不同于例遍 jQuery 对象的 $().each() 方法，此方法可用于例遍任何对象。回调函数拥有两个参数：第一个为对象的成员或数组的索引，第二个为对应变量或内容。如果需要退出 each 循环可使回调函数返回 false，其它返回值将被忽略。对于数组我们可以使用jQuery.each( object, callback )来遍历, 这等同于使用for循环.注意传入的第一个参数可以是数组或者对象.如果数组,则遍历数组中的每一个对象.第一个参数表示索引,第二个参数表
阅读全文
posted @ 2011-04-08 09:40
xfyn
摘要：提示:我们要时刻注意浏览器缓存, 当使用GET方式时要添加时间戳参数 (net Date()).getTime() 来保证每次发送的URL不同, 可以避免浏览器缓存.提示: 当在url参数后面添加了一个空格, 比如" "的时候, 会出现"无法识别符号"的错误, 请求还是能正常发送. 但是无法加载HTML到DOM. 删除后问题解决.$("#divResult").load("../data/AjaxGetCityInfo.aspx?resultType=html" + "×tamp=&qu
阅读全文
posted @ 2011-04-07 16:36
xfyn
摘要：jQuery 使用 $ 符号作为 jQuery 的简介方式。某些其他 JavaScript 库中的函数（比如 Prototype）同样使用 $ 符号。jQuery 使用名为 noConflict() 的方法来解决该问题。var jq=jQuery.noConflict()，帮助您使用自己的名称（比如 jq）来代替 $ 符号。示例:<html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script typ
阅读全文
posted @ 2011-04-07 09:30
xfyn
摘要：jQuery 选择器选择器实例选取*$("*")所有元素#id$("#lastname")id="lastname" 的元素.class$(".intro")所有 class="intro" 的元素element$("p")所有 <p> 元素.class.class$(".intro.demo")所有 class="intro" 且 class="demo" 的元素:first$("p:firs
阅读全文
posted @ 2011-04-07 09:19
xfyn
摘要：ONE已经生成的数据表格大致内容如下：地区地区商品代码商品名称数量有效期至距效期（月）产品批号规格单位条形码广东深圳00028红花油广东深圳00028红花油广东深圳00028红花油广东广州00027白花油广东广州00028红花油广东深圳00028红花油广东深圳00028红花油广东深圳00028红花油广东深圳00028红花油需要将前四列具有相同文本的相邻单元格进行自动合并，合并后如下：地区地区商品代码商品名称数量有效期至距效期（月）产品批号规格单位条形码广东深圳00028红花油广州00027白花油00028红花油深圳1、在html的head中引入jQuery2、添加合并单元格的函数1. //函数
阅读全文
posted @ 2011-04-06 17:06
xfyn
摘要：实例：1、请求页面AJax.aspxHTML代码<div> <input id="txtName" type="text" /><input type="button" value="查看用户名是否存在" id="btn" onclick="JudgeUserName();" /> <div id="showResult" style="float:left">div> div>
阅读全文
posted @ 2011-04-06 16:53
xfyn
摘要：参数名类型描述urlString(默认:当前页地址)发送请求的地址。typeString(默认: "GET")请求方式("POST"或"GET")，默认为"GET"。注意：其它HTTP请求方法，如PUT和DELETE也可以使用，但仅部分浏览器支持。timeoutNumber设置请求超时时间（毫秒）。此设置将覆盖全局设置。asyncBoolean(默认: true)默认设置下，所有请求均为异步请求。如果需要发送同步请求，请将此选项设置为false。注意，同步请求将锁住浏览器，用户其它操作必须等待请求完成才可以执行。b
阅读全文
posted @ 2011-04-06 16:47
xfyn
摘要：1 <html> 2 <head> 3 <script type="text/javascript" src="/jquery/jquery.js"></script> 4 <script type="text/javascript"> 5 $(document).ready(function(){ 6 $("button").click(function(){ 7 $("img").attr("width",fun
阅读全文
posted @ 2011-03-30 08:46
xfyn
摘要：一.HTML 元素默认是静态定位，且无法移动。如需使元素可以移动，请把 CSS 的 position 设置为 relative 或 absolute。二.由于 JavaScript 语句（指令）是逐一执行的 - 按照次序，动画之后的语句可能会产生错误或页面冲突，因为动画还没有完成。为了避免这个情况，您可以以参数的形式添加 Callback 函数。jQuery Callback 函数当动画 100% 完成后，即调用 Callback 函数。典型的语法：$(selector).hide(speed,callback)callback参数是一个在 hide 操作完成后被执行的函数。错误（没有 cal
阅读全文
posted @ 2011-03-29 16:46
xfyn
摘要：jQuery 名称冲突jQuery 使用 $ 符号作为 jQuery 的简介方式。某些其他 JavaScript 库中的函数（比如 Prototype）同样使用 $ 符号。jQuery 使用名为 noConflict() 的方法来解决该问题。var jq=jQuery.noConflict()，帮助您使用自己的名称（比如 jq）来代替 $ 符号。示例:<html><head><script type="text/javascript" src="/jquery/jquery.js"></script><
阅读全文
posted @ 2011-03-29 16:12
xfyn
摘要：下载 jQuery共有两个版本的 jQuery 可供下载：一份是精简过的，另一份是未压缩的（供调试或阅读）。这两个版本都可从jQuery.com下载。库的替代Google 和 Microsoft 对 jQuery 的支持都很好。如果您不愿意在自己的计算机上存放 jQuery 库，那么可以从 Google 或 Microsoft 加载 CDN jQuery 核心文件。使用 Google 的 CDN<head><script type="text/javascript" src="http://ajax.googleapis.com/ajax/lib
阅读全文
posted @ 2011-03-29 15:53
xfyn
浙公网安备 33010602011771号