本文实例分析了jQuery中parents()和parent()的区别，分享给大家供大家参考。具体分析如下： 其实在jQuery中，函数或者选择器的概念都是很容易理解的，只要对API手册有足够的熟练就能够很容易分辨，标题中的函数其实也是如此，不过咱们这里还是做一些简单的介绍，毕竟这样可能更为方便一些。 一.parents()函数: 此函数能够获取匹配元素的所有父元素，代码示例:代码如下:$(".mayi").parents().css("color","red"); 以上代码可以将所有...
ps:LZ觉得这个标题有点大了，超出了能力范围，不喜勿碰。目前只记录LZ能力范围内的，日后持续补充。 一、JQuery对象和DOM对象的相互转化（《锋利的JQuery》）JQuery转化为DOM：1、var jq = $(‘#selector); var dom = jq[index];2、var jq1 = $(‘#selector1); var dom1 = jq1.get(index) 或者 var dom1 = jq1.get()[index];DOM转化为JQuery：假设cr是一个DOM对象，转为JQuery，jqcr = $(‘cr); 二、JQuery的$(document).ready(...
jQuery整体框架甚是复杂，也不易读懂，这几日一直在研究这个笨重而强大的框架。jQuery的总体架构可以分为：入口模块、底层模块和功能模块。这里，我们以jquery-1.7.1为例进行分析。 jquery的总体架构代码如下: 16 (function( window, undefined ) {// 构造 jQuery 对象22 var jQuery = (function() {25 var jQuery = function( selector, context ) {27 return new jQuery.fn.init( selector, context...
方法语法：map() map(callback) 为包装集中的每一个元素调用回调函数，并将返回值收集到jQuery对象的实例中。 参数 callback （函数）回调函数，为包装集中的每个元素调用该函数。 比如，下面的代码将页面上所有div元素的id值收集到一个javascript数组中：代码如下: var iDs = $("div").map(function(){return (this.id==undefined) ? null :this.id; }).get();再看如下的表单中包含的一组 checkbox 框：代码如下:我们可以得到一个...
本文实例讲述了JQuery表单验证插件EasyValidator用法。分享给大家供大家参考。具体如下： 本插件的宗旨是：用户无需写一行JS验证代码，只需在要验证的表单中加入相应的验证属性即可，让验证功能易维护，可扩展，更容易上手。 DEMO中已经包含了常用的正则表达式，可以直接复用，为了考虑扩展性，所以针对不同用户特殊需求，自行写正则吧。 EasyValidator实现的功能： 1.提示功能（在表单或者其他标签中加入tip="想提示的文字"） 如：...
在做项目的时候遇到个jQuery checkbok复选框的选中取消的BUG，咨询了大神，才闹明白怎么回事，这里记录下来，分析给大家。 先上代码：代码如下:代码如下:$("#CheckedAll").click(function () {if ($(this).is(":checked")) {$("[name=items]:checkbox").attr("checked", true);} else {$("[name=items]:checkbox").attr("checked", false);}});第一次执行，没问题，但第二次执行就有问题了，选择不了 解决办法：把attr()换成prop()...
本文实例分析了jquery中append()与appendto()的用法。分享给大家供大家参考。具体分析如下： 在jQuery的文档操作方法中，append()和appentto()方法执行的任务相同，但是两者也有区别。 1、append()方法：在被选元素的结尾（但仍在元素内部）插入指定的内容。 a、语法： 代码如下:$(selector).append(content);其中，参数content是必需的，指定要附加的内容。 b、append能够使用函数给被选元素附加内容，语法为： 代码如下:$(select...
本文实例分析了js中数组排序sort方法的原理。分享给大家供大家参考。具体分析如下： 最近在百度的项目中要用到对数组进行排序,当然一开始自然想到了数组的sort方法,这方法应用非常简单,大致如下:代码如下: window.onload=function(){var arr=[2,55,55,1,75,3,9,35,70,166,432,678,32,98];var arr2=["George","John","Thomas","James","Adrew","Martin"];function arrsort(a,b){return a-b;}console.log(arr.sort(arrsort)); //数字...
本文实例讲述了js实现网页标题栏闪烁提示效果的方法。分享给大家供大家参考。具体分析如下： 网页标题栏闪烁效果我们在一些聊天工具会常看到，像现在流量的聊天室，下面我们就来给大家总结一款实现网页标题栏闪烁提示代码，感兴趣可参考一下。 公司的项目中用到了这个新消息提示的效果，主要用于提示用户有新消息。具体实现代码如下：代码如下:var newMessageRemind={ _step: 0, _title: document.title, _timer: null, //显示新消...
本文实例讲述了JavaScript中的公有、私有、特权和静态成员用法。分享给大家供大家参考。具体分析如下： 下面的内容是在《JavaScript.DOM高级程序设计》里面摘抄出来的，比较容易理解，特在此记录一下，便于入门Javascript的朋友们分享一下哈。代码如下://构造函数 function myContructor(message){ this.myMessage = message; //私有属性 var separator = -; var myOwner = this; //私有方法 function alertMessage(){ alert(myOw...
在讨论之前，先约定好定义变量的风格。如果获取的对象是jQuery对象，那么在变量前加上$，例如：代码如下: var $variable = jQuery对象; 如果获取的是DOM对象，则定义如下：代码如下: var variable = DOM对象； jQuery对象不能使用DOM中的方法，但是如果对jQuery对象所提供的方法不熟悉，或者jQuery没有封装想要的方法，不得不实用DOM对象的时候，有以下两种处理方法。jQuery提供了两种方法将一个jQuery对象转换成DOm对象，即[index...
本文实例讲述了javascript匿名函数的用法。分享给大家供大家参考。具体分析如下： 摘要： 本文讲解的是javascript最基础也是最重要的东西--函数，之所以写这篇文章，是因为面试的时候问到了，也算是温故而知新了。 先上个例子，如果你看懂了，说明你已经理解了本文要讲的。代码如下:var f = (function() {function f() {return 10;}return f();function f() {return 20;}var f = 30; })(); console.log(f); javascript高级程序设计...
今天写了一个图片轮播的小demo，用到了判断先试了一下if else，代码如下:代码如下: if(n >= count-1){ n =0; }else{ n ++; }随后代码写完了，准备优化一下代码，将此段改成了三目运算符的写法代码如下: n = n >= (count-1) ? n=0 : n++结果完全不同 随后研究了一下这两者的区别，总结为一句话：三目运算有返回值，if else没有返回值 做了如下测试：代码如下: var n=1;if(n>1){n=0; }else{n++; } console.log(n); 输出结果：2 三目...
预加载图片是提高用户体验的一个很好方法。图片预先加载到浏览器中，访问者便可顺利地在你的网站上冲浪，并享受到极快的加载速度。这对图片画廊及图片占据很大比例的网站来说十分有利，它保证了图片快速、无缝地发布，也可帮助用户在浏览你网站内容时获得更好的用户体验。本文将分享三个不同的预加载技术，来增强网站的性能与可用性。 方法一：用CSS和JavaScript实现预加载 实现预加载图片有很多方法，包括使用CSS、JavaScript及两...
代码测试：代码如下: test text test.addEventListener('click', function(e){console.log(e);}, false), $('#test').on('click', function(e){console.log(e)}); 结果分析：代码如下: js-jq-event-common:{ altKey: false, bubbles: true, button: 0, cancelable: true, clientX: 58, clientY: 13, ctrlKey: false, offsetX: 50, offsetY: 5, pageX: 58, pageY: 13, screenX: 58, screenY: 122, view: Window, which: 1, type: '...