js和jq学习
yanfangphp
这个作者很懒,什么都没留下…
展开
-
扫描二维码自动识别手机系统(Android/IOS)
移动互联网发展迅速,各种APP的开发都会推出多个版本(多终端),比如:iPhone版、iPad版、Android版。有些APP还会考虑覆盖到多个国家(国际化),比如:中文版、英文版、日文版、韩文版等。此外,针对不同渠道(流量来源)也会提供不同的版本(多渠道),比如:百度版、Google版、阿里版、腾讯版等。 对于应用提供方,希望入口只有一个:扫描二维码直接下载。怎样让这张二维码承载这么丰富的转载 2016-05-19 11:36:31 · 2603 阅读 · 0 评论 -
关于Javascript语言中this关键字(变量)的用法
this 关键字是面向对象编程语言中的一个重要概念!在JAVA,C,C#,C++等语言中,this 总是指向当前的运行对象。但是在 Javascript ,由于javascript的动态性以及词法作用域特性,this的指向在运行时才确定。 this 关键字的用法其实比较复杂,不过你只要牢记一句话就可以:“this 变量:永远指向函数运行时所在的对象,而不是函数被创建时所在的对象。如翻译 2013-07-16 15:39:25 · 1077 阅读 · 0 评论 -
JQuery性能优化
=================================================================一、选择器性能优化建议=================================================================1. 总是从#id选择器来继承这是jQuery选择器的一条黄金法则。jQuery选择一个元素最快的翻译 2013-07-16 16:47:23 · 770 阅读 · 0 评论 -
真正理解javascript的五道题目.
题目一:if (!("a" in window)) { var a = 1;}alert(a); 题目二:var a = 1, b = function a(x) { x && a(--x); };alert(a); 题目三:function a(x) { return x * 2;}var a;alert(a翻译 2013-07-16 15:37:47 · 874 阅读 · 0 评论 -
js中this的用法
this是js的一个关键字,随着函数使用场合不同,this的值会发生变化。但是总有一个原则,那就是this指的是调用函数的那个对象。1、纯粹函数调用。function test() { this.x = 1; alert(x);}test();其实这里的this就是全局变量。看下面的例子就能很好的理解其实this就是全局对象Global。var翻译 2013-07-01 10:47:39 · 511 阅读 · 0 评论 -
jq返回顶部
Top#main { margin:0 auto; border:1px groove; width:800px; height:1500px; font-size:50px; text-align:center; padding-top:50px; }向下滑动试试.b原创 2013-07-16 11:27:04 · 1231 阅读 · 0 评论 -
jq同一函数实现set和get
Jquery中的很多方法都是如此,主要包括如下几个:$("#msg").html(); //返回id为msg的元素节点的html内容。$("#msg").html("new content");//将“new content” 作为html串写入id为msg的元素节点内容中,页面显示粗体的new content$("#msg").text(); //返回id为msg原创 2013-07-15 17:43:17 · 985 阅读 · 0 评论 -
由href return false 来看阻止默认事件
很多时候我们都想阻止一个a ?link的href跳转。1returnfalse;” href=”www.360.cn”>click以上代码可以达到这个效果有一点要注意1234567function stop(){ retu原创 2013-07-16 11:58:04 · 6733 阅读 · 0 评论 -
jquery常用方法
Attribute:$(”p”).addClass(css中定义的样式类型); 给某个元素添加样式$(”img”).attr({src:”test.jpg”,alt:”test Image”}); 给某个元素添加属性/值,参数是map$(”img”).attr(”src”,”test.jpg”); 给某个元素添加属性/值$(”img”).attr(”title”, function翻译 2013-07-15 16:57:41 · 743 阅读 · 0 评论 -
JavaScript 语言基础知识点总结(思维导图)
JavaScript 数组JavaScript 函数基础Javascript 运算符JavaScript 流程控制JavaScript 正则表达式JavaScript 字符串函数JavaScript 数据类型转载 2013-07-16 16:17:52 · 3038 阅读 · 0 评论 -
js实现密码强度验证
//CharMode函数 //测试某个字符是属于哪一类. function CharMode(iN){ if (iN>=48 && iN return 1; if (iN>=65 && iN return 2; if (iN>=97 && iN return 4; else return 8; //特殊字符 } //bitTot原创 2013-07-17 14:23:07 · 1471 阅读 · 1 评论 -
js跨域问题
今天项目里边用到js跨域的问题,废话不说代码如下: function sms_jsout_callback(smsresult) { //弹出返回数据 alert(smsresult.result); } function jsoutcall(url) { //创建节点 var scr原创 2014-03-25 11:57:15 · 878 阅读 · 0 评论 -
js,jq发送短信倒计时
javascript">var wait=60;function time(o) { if (wait == 0) { o.removeAttribute("disabled"); o.value="免费获取验证码"; wait = 60; } else翻译 2014-03-18 17:03:46 · 8685 阅读 · 1 评论 -
js天数倒计时
倒计时 function _fresh() { var endtime=new Date("Mar 31, 2014 18:00:00");//这里设置预制时间 var nowtime = new Date(); var leftsecond=parseInt((endtime.getTime()-nowti翻译 2014-04-01 15:10:50 · 4384 阅读 · 0 评论 -
自动登录
下次自动登录 // 下次自动登录 var oRember = document.getElementById('rembername'); var oRemberLable = document.getElementById('remberLable'); var bRember = true; oRember.oncl原创 2014-03-28 15:02:40 · 889 阅读 · 0 评论 -
引入编译的概念——压缩JavaScript文件
正式开发项目中,为了减小网页的大小,缩短网页的下载时间,在正式发布JavaScript之前,我们可以先对它进行压缩,这就是我们这篇文章的主要内容——压缩JavaScript文件。 目前最常用的压缩工具有Packer和YUI Compressor。这两种工具使用起来都不是太难,下面我们以YUI Compressor为例为大家介绍一下压缩工具的用法。YUI Compressor是基于Ja翻译 2014-02-26 11:51:44 · 1252 阅读 · 0 评论 -
给JavaScript初学者的24条最佳实践
1.使用 === 代替 ==JavaScript 使用2种不同的等值运算符:===|!== 和 ==|!=,在比较操作中使用前者是最佳实践。“如果两边的操作数具有相同的类型和值,===返回true,!==返回false。”——《JavaScript:语言精粹》然而,当使用==和!=时,你可能会遇到类型不同的情况,这种情况下,操作数的类型会被强制转换成一样的再做比较,这可能不是你想要的结转载 2013-12-17 18:00:39 · 869 阅读 · 0 评论 -
jq select操作全集
添加option$("#ID option").each(function(){if($(this).val()==111){$(this).remove();}});移除option$("UPS Ground").appendTo($("#ID"));取得下拉选单的选取值$("#testSelect option:selected").te翻译 2013-10-28 15:27:59 · 1012 阅读 · 0 评论 -
js限制不同地区访问网站
if(ILData[2]==(" 地区")){document.location.href="index.htm";}原创 2013-07-17 18:45:09 · 3359 阅读 · 0 评论 -
Ajax中的async
var temp;$.ajax({async: false,type : "POST",url : defaultPostData.url,dataType : 'json',success : function(data) {temp=data;}});alert(temp); async的默认设置为true,所有请求均为异步请求。若要将其设置为f原创 2013-05-31 09:50:43 · 735 阅读 · 0 评论 -
js获取div高度
js获取div的高度 获取div的高度,很实用的一段js代码,主要用了offsetHeight window.onload = function(){ alert(document.getElementById("top").offsetHeight); }原创 2013-04-09 17:15:21 · 1503 阅读 · 0 评论 -
js 设置 cookie
// 以名/值的形式储存cookie// 同时采用encodeURIComponet()函数进行编码,来转义分号、逗号和空白符// 如果daysToLive是一个数字,设置max-age属性为该数值表示cookie知道指定的天数// 到了才会过期。如果daysToLive是0就表示删除cookiefunction setCookie(name, value, daysToLive) {原创 2013-04-09 14:22:57 · 900 阅读 · 0 评论 -
javascript中的常用事例
另:欢迎各位加群:206981178,共同学习交流事件源对象event.srcElement.tagNameevent.srcElement.type捕获释放event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键event.keyCodeevent.shiftKey原创 2012-10-10 14:01:29 · 2625 阅读 · 0 评论 -
跟我学jquery(四)JQuery框架操作元素的属性与样式
在前面几篇博客中,我们初步了解了一下jquery的好处,基本语法,还有一些基本函数,这是学习jquery的基础,在这篇博客中,我们一起来学习一下JQuery框架操作元素的属性与样式,在web开发中,修改页面元素的属性和样式是我们需要常用的功能。所以掌握好这个知识点,对于我们在web开发中也是一个非常有力的利剑。好,下面我们就具体来看一下:首先来看一下两个概念的区别:元素属性和Dom属性转载 2012-10-10 12:13:34 · 966 阅读 · 0 评论 -
11 个惊人的 CSS3 和 jQuery 制作的教程收集
CSS3 为 Web 开发带来了非常令人兴奋的变化,特别是在 CSS 3D 转换、动画等特性的支持,可以轻松的创建很酷的 Web 效果。在这篇文章中我们介绍 11 个使用 CSS3 和 jQuery 实现的特效,很酷。使用 jQuery 和 CSS 实现的放大镜效果简单而惊人的CSS3边框过渡效果CSS3中的手风琴风格滑块 使用jQu转载 2012-10-10 12:18:55 · 401 阅读 · 0 评论 -
跟我学jquery(三)jquery动态创建元素和常用函数示例
在上面两篇博客中列举了太多的API相信大家看着眼晕. 不过这些基础还必须要讲, 基础要扎实.其实对于这些列表大家可以跳过, 等以后用到时再回头看或者查询官方的API说明.在本博客中就给大家讲解一下这些头晕的API 主要讲解动态创建元素操作jQuery包装集的各个函数一.动态创建元素(这块转至网络,具体地址不详,以前找到的资料))1.错误的编程方法我们经常使用javascript动态转载 2012-10-10 12:11:46 · 1157 阅读 · 0 评论 -
跟我学jquery(二)大话jquery选择器
本篇博客我将带大家来学习一下jquery的第一个比较重要的知识点,这个知识点对学习jquery的同学来说是必须掌握的,因为他是所有操作的基础,这个知识点就是jquery的对象选择器,我们利用jquery的操作都是基于对象上的,我们只有正确的选择好了我们要操作的对象,我们才能进行我们下一步的操作。jQuery的选择器是什么方便的,我们几乎可以利用它获取页面上任意的一个或一组对象, 可以明显减轻开发人转载 2012-10-10 12:10:46 · 421 阅读 · 0 评论 -
跟我学jquery(七)jquery动画大体验
最近一直感觉自己好忙,每天都浑浑噩噩的过着,转眼间,好像有好长时间没有更新笨鸟到菜鸟了。现在想想,实在罪过了。自从从北京回来就一直投入不了状态,所以也想利用一下这个写博客的机会来促进自己早日投入状态吧。今天我们要讲的是jquery动画的东西,其实一说到动画,我相信很多人想到的应该是flash吧。其实不然,现在我们将要用jquery来改变flash的一统天下,当然,我们这里所说的动画和flash所做转载 2012-10-10 12:17:27 · 616 阅读 · 0 评论 -
跟我学jquery(五)jquery中的ajax详解
Ajax让用户页面丰富起来, 增强了用户体验. 使用Ajax是所有Web开发的必修课. 虽然Ajax技术并不复杂, 但是实现方式还是会因为每个开发人员的而有所差异.jQuery提供了一系列Ajax函数来帮助我们统一这种差异, 并且让调用Ajax更加简单. Ajax 最常见的用法就是把一块 HTML 代码加载到页面的某个区域中去。为此,只需简单地选择所需的元素,然后使用 load() 函数即可。 然转载 2012-10-10 12:15:09 · 514 阅读 · 0 评论 -
跟我学jquery(一)爱之初体验jquery
一、Jquery简介Jquery是一个优秀的Javascrīpt框架。它是轻量级的js库(压缩后只有21k) ,它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。 Jquery应用到我们的项目中能够使程序员从设计和书写繁杂的JS应用中解脱出来,将关注点转向功能需求而非实现细节上,从而提高项目的开发速度。它有助于简化 Jav转载 2012-10-10 12:09:05 · 629 阅读 · 0 评论 -
跟我学jquery(六)jquery中事件详解
由于jquery本身就是web客户端的有力帮手,所以事件对于它来说就显得尤为重要了,事件是脚本编程的灵魂. 所以此内容也是jQuery学习的重点。 在传统的javascript中,注册一个事件也是非常简单的事情,下面我们具体看一下一个简单的示例:[html] view plaincopyprint?document.getElementById(转载 2012-10-10 12:16:20 · 980 阅读 · 0 评论 -
JS判断IE浏览器的最简短方法
IE浏览器不管是什么版本,总是跟Web标准有些不太兼容。对于代码工作者来说,自然是苦不堪言,为了考虑IE的兼容问题,不管是写 CSS 还是 JS,往往都要对 IE 特别对待,这就少不了做些判断。本文不讨论如何区分 IE 的样式,仅是 JS 判定 IE 浏览器。 这个目前世界上最短的 Javascript 判定 IE 浏览器的方法来自俄罗斯!它已经在各版本的 IE 以及目前其他流行的浏原创 2012-10-31 15:52:19 · 536 阅读 · 0 评论 -
js 读取 cookie
// 将document.cookie的值以名/值对组成的一个对象返回// 假设储存cookie的值的时候是采用encodeURIComponent()函数编码的function getCookie() { var cookies = {}; // 初始化最后要返回的对象 var all = document.cookie; // 在一个大写字符串中获取所有的cookie值 i原创 2013-04-09 14:21:16 · 3501 阅读 · 0 评论 -
JS刷新当前页面
reload 方法,该方法强迫浏览器刷新当前页面。语法:location.reload([bForceGet])参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页。true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5(“刷新”)replace 方法,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用repla原创 2013-04-09 15:52:22 · 818 阅读 · 0 评论 -
jQuery对select操作小结
//遍历option和添加、移除optionfunction changeShipMethod(shipping){ var len = $("select[@name=ISHIPTYPE] option").length if(shipping.value != "CA"){ $("select[@name=ISHIPTYPE] option").each(function()翻译 2013-03-13 14:17:37 · 689 阅读 · 0 评论 -
jQuery对表单的操作
获取值:文本框,文本区域:$("#txt").attr("value");多选框checkbox:$("#checkbox_id").attr("value");单选组radio: $("input[@type=radio][@checked]").val();下拉框select: $('#sel').val();控制表单元素:文本框,文本区域:$("#txt原创 2013-03-13 15:55:08 · 841 阅读 · 0 评论 -
JS alert()、confirm()、prompt()的区别
使用消息框 使用警告、提示和确认 可以使用警告、确认和提示消息框来获得用户的输入。这些消息框是 window 对象的接口方法。由于 window 对象位于对象层次的顶层,因此实际应用中不必使用这些消息框的全名(例如 "window.alert()"),不过采用全名是一个好注意,这样有助于您记住这些消息框属于哪个对象。警告消息框 alert 方法有一个参数,即希望对用户显示的翻译 2013-02-27 17:10:39 · 622 阅读 · 0 评论 -
Ajax请求中的async:false/true的作用
test.htmlasy.jsfunction testAsync(){ var temp; $.ajax({ async: false, type : "GET", url : 'tet.php', complete: function(msg){ ale翻译 2012-12-05 17:18:13 · 272584 阅读 · 14 评论 -
js生成无刷新省市级联菜单
->body { font-size: 14px }-->#" method=post name="creator" enctype="multipart/form-data">var where = new Array(35); function comefrom(loca,locacity) { this.loca = l原创 2012-10-31 17:59:05 · 9729 阅读 · 0 评论 -
javascript 基于正则表达式的文本框验证代码
1,不能为空 2,只能输入英文和数字 3,判断字符由字母和数字,下划线,点号组成.且开头的只能是下划线和字母 /^([a-zA-z_]{1})([\w]*)$/g.test(str) 4,只能输入数字 5,只能输入中文 6,只能输入英文 7,只能输入中文、英文、数字、@符号和.符号 8,只允许输入英文原创 2012-10-31 16:04:15 · 592 阅读 · 0 评论