本文实例分析了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: '...