jquery
赏花赏景赏时光
这个作者很懒,什么都没留下…
展开
-
jquery获取select标签选中的值
一、jquery获取select标签选中的值:1、html代码如下: <select class="time" id='startHour'> <option value="00">00</option> <option value="01"&原创 2017-09-15 18:52:31 · 993 阅读 · 0 评论 -
使用 jquery.form.js插件上传带有附件的表单
使用 jquery.form.js插件上传带有附件的表单,附件可以是.txt,.xls,.csv。下面就介绍下可以上传文件的表单,并且限制上传文件的大小和类型。1、准备工作:在html的<head></head>标签里面引入jquery.js和jquery.form.js插件,必须先引入前者在引入后者,如下面所示:<script src="http://i.gtimg...原创 2017-10-18 15:35:27 · 5437 阅读 · 0 评论 -
jquery获取选中单选按钮radio的值,监听type=radio的click事件
html如下:获取单选按钮中选中的值$('input:radio[name="sex"]:checked').val(); //值为“女” 或者修改成:$('input[name="sex"]:checked').val(); //值为“女”原创 2017-09-23 15:18:44 · 36365 阅读 · 10 评论 -
JSSDK实现微信分享功能
功能:在微信内置浏览器页面实现分享页面功能。注意:关于微信内置浏览器的私有对象WeixinJSBridge分享的接口都已经作废了,即下面的定义都是无效的:$(function(){ var appId = '公众号的appid'; var imgURL = '自定义分享时的图片地址'; var link = '分享页面的链接地址'; var desc = '原创 2017-10-03 09:57:10 · 30249 阅读 · 2 评论 -
jquery $(document).ready()与window.onload的区别
jquery $(document).ready()与window.onload()功能相似,但是还是有区别:1、执行时间不同: window.onload必须等到页面所有内容包括图片等加载完成后,才能执行 $(document).ready()等到DOM结构绘制完毕就可以执行,不必等到加载完毕2、编写个数不同 window.onload不能同时编写多个原创 2017-10-11 19:47:57 · 400 阅读 · 0 评论 -
给img标签动态设置src属性,不生效
给img标签动态设置src属性,不生效js如下: for(var i = 0; i<len;i++){ var data = datas[i]; var nickname = data.nickname; var avatar = data.avatar; var li_item = ''; if(avatar == null){ // ...原创 2017-10-29 10:54:31 · 26470 阅读 · 1 评论 -
在jquery中为ajax()设置超时
在jquery中为ajax()设置超时function request(url, data, success_callback,error_callback) { console.log("url:"+url); var xhr = $.ajax({ //提交数据的类型 POST GET type: "POST", //提交的网址原创 2017-12-02 11:24:00 · 20497 阅读 · 0 评论 -
html上传图片后,在页面显示上传的图片
html上传图片后,在页面显示上传的图片1、html <form class="container" enctype="multipart/form-data" method="post" id='formBox' name="form"> <input type="file" id="chooseImage" n原创 2017-12-02 11:38:16 · 64693 阅读 · 8 评论 -
实时监听输入框的值变化的时候,做相应处理
实时监听输入框的值变化的时候,做相应处理1、html<input type='number' id='num'/><textarea id='txt'></textarea>2、js$(function(){ $('#num').bind('input propertychange','input',function(){ //写自己...原创 2017-12-02 11:49:38 · 1040 阅读 · 0 评论 -
radio设置属性checked属性不生效
在jquery中,通过点击事件设置radio的checked属性不生效。1、html <div id="weChatSignIn"> <input type="radio" name="nameList" value="微信签到用户抽奖" id='wechat'/>微信签到用户抽奖 <原创 2017-12-03 10:07:50 · 26272 阅读 · 1 评论 -
上传图片的时候,ios手机的图片会旋转90°
1、问题:在html5中利用canvas对上传图片压缩的时候,ios手机竖着拍照时,图片会旋转90°,其他情况正常。2、解决方法:获取拍照角度,对Ios竖着拍的照片进行角度处理3、利用exif.js获取到照片的拍摄信息,这里主要用到Orientation,这个属性Orientation 旋转角度 1 0° 3转载 2017-12-12 21:53:43 · 6307 阅读 · 0 评论 -
masterslider支持动态加载数据,懒加载图片
使用masterslider动态加载图片,并且懒加载图片,使网页运行更快思路:先动态获取到图片的url,将url赋给的一个自定义属性address-src,当获取完数据之后,在使用setup()函数对slider进行初始化;当slider的Index改变的时候,在j将address-src的值赋给src。这样会加快网页渲染速度,因为只有遇到src有值的时候,浏览器才会解析它。1、先加载sl原创 2018-01-25 16:25:26 · 1249 阅读 · 0 评论 -
jquery中的attr()和prop()的区别
jquery中的attr()和prop()的区别通过prop方法获取checked属性,获取的checked返回值为boolean,选中为true,否则为flase 如果使用attr方法获取时,如果当前input中初始化未定义checked属性,则不管当前是否选中,$("#selectAll").attr("checked")都会返回undefined;原创 2017-08-05 20:05:07 · 931 阅读 · 0 评论 -
不能读取变量的length属性
控制台输出的信息为:Uncaught TypeError:cannot read property 'length' of null出现这种现象的原因:变量s为字符类型时,s=null的时候,当用var len = s.length,就会报上面的错误解决方法:用if语句判断s为null的时候,将s改成:s='';原创 2017-08-12 18:31:58 · 2263 阅读 · 0 评论 -
获取输入框的值,计算出的支付费用
在实践过程中,设计一个获取输入框的值,然后计算所需支付费用时,计算出来的费用总是不对。如下图所示,是页面初始化完成的界面:”支付费用“ 就是我们需要根据 “红包总额” 和“红包个数”计算出的值。”支付费用“的计算规则是:若红包个数小于上限个数:费用=红包总额;若红包个数大于上限个数:费用 = 红包总额+(红包个数-上限个数)*0.1jquery代码如下:原创 2017-09-12 16:41:27 · 1306 阅读 · 0 评论 -
事件嵌套导致的bug
jquery源代码如下: $("#userNumber").click(function(){ $(this).mouseleave(function(){ var phone = $("#userNumber").val(); if(!isMobileNumber(phone))原创 2017-07-29 16:36:23 · 316 阅读 · 0 评论 -
将需要人为触发的事件放在定时器或者循环中,程序有可能产生Bug
将需要人为触发的事件,比如click(),mouseleave()等事件放在定时器或者循环中,程序有可能产生Bug。 比如点击事件需要人为操作,与他并行语句不需要人为操作。那么当程序执行到点击事件的时候,因为人为没有去点击,所以该事 件没有触发。此时程序就会跳过点击事件,接着执行下面的代码。 如果说在一个循环里面,想在每一次循环中,获取元素的Id,然后通过这个id原创 2017-07-21 21:53:25 · 579 阅读 · 0 评论 -
js和jquery获取元素的方法
js和jquery获取元素节点的方法:一、js通过document节点获取:document.getElementById("elementId");document.getElementsByName("elementName");document.getElementsByTagName("tagName");document.getElementsByClas原创 2017-07-21 18:34:40 · 6869 阅读 · 0 评论 -
jquery 点击元素实现背景色改变,点击元素以外任意地方还原该元素背景色
jquery 点击元素实现背景色改变,点击元素以外任意地方还原该元素背景色html代码如下: ssssds div{ width: 300px; height: 300px; border:3px red solid; } jquery代码如下:$(function(){ $("div").click(原创 2017-07-20 15:00:05 · 15816 阅读 · 0 评论 -
对jquery的引用
当我们在写一些事件的时候,采用jquery框架来实现功能,出现的问题:在console台输出的信息如下:错误提示:$符号没有定义。我们一般认为采用jquery框架来编写js代码的时候,$符号代表jquery框架。现在提示$符号没有定义,说明我们在.html中没有引入该框架,所以提示$符号没有定义。解决方法: 在html页面中引入jquery框架,如下所示:原创 2017-07-20 11:05:16 · 264 阅读 · 0 评论 -
js中的val() 和 text() html() 区别
共同点:text(),html() ,val()三个方法用于html元素的存值和取值。区别:text()用于html元素文本内容的存取 html()不但可以用于html元素文本内容的存取,还可以用于html内容的存取 val()用于input元素内容的存取示例如下:我们js代码如下: console.log(原创 2017-07-20 10:46:32 · 1942 阅读 · 0 评论 -
setInterval()函数的用法心得
最近在用setInterval()函数实现一个倒计时功能,倒计时结束则跳转到另一个页面。遇到的问题如下:有问题的代码:var isLogin = getCookie("isLogin"); var num = 5; if (isLogin != 1) { // 显示遮罩层 $("#bg_background").show();原创 2017-07-19 21:26:44 · 8528 阅读 · 0 评论 -
safari浏览器下,new Date('2016-07-18 14:58:32')提示:Invalid Date
js中的代码如下: var servie_time = new Date('2017-9-24 20:20:20');在做移动端的倒计时的时候,安卓机上能显示倒计时,而iphone机上却不能显示倒计时,错误提示:Invalid Date错误原因:safari浏览器不支持这种写法: new Date('2017-9-24 20:20:20'),即不支持时间中的“-”,而iphone机内默认浏览器是s...原创 2017-09-24 19:26:46 · 542 阅读 · 0 评论 -
jQuery删除,添加节点
jQuery删除子节点的方法总结:(用ul中的li作为例子) 1、remove() $('ul li').remove():li节点本身及其所有后代节点都被删除;返回值是一个被删除节点的引用,因此可以在以后在次使用这 些节点 2、detach() ...原创 2017-09-17 10:39:41 · 6341 阅读 · 0 评论 -
获取动态添加的节点的ID
目的:在网页设计的过程中,有时候我们需要获取动态添加的节点的id,从而设置相应的属性或者事件。方法:可以给动态添加的内容加上一个不显示的input,将其value设置为后台传过来的数据的某一个变量值。如:'<input type="hidden" value="'+activity_id+'" name="activity_id" />'var li_str ='<li clas...原创 2017-09-15 17:21:07 · 3355 阅读 · 0 评论 -
button 的点击事件不响应
在项目中,给页面动态添加内容,然后给动态添加的button的点击事件不生效。在Jquery中动态添加内容如下所示: var bgbackground = '<div id="bg">' + '</div>'; $("body").append(bgbackground); //遮罩层 // 提...原创 2017-09-13 21:58:36 · 16332 阅读 · 0 评论 -
jQuery源码学习
jQuery使用上的几大特点:1、使用$()函数方式直接生成jQuery对象2、链式调用(在函数的结尾返回this,this的值是根据函数运行的时候确定的) 无new函数创建对象:把 jQuery.prototype.init.prototype = jQuery.prototypejQuery.fn,它实际上是 prototype 的一个引用,指向 jQuery.protot...原创 2018-08-17 17:01:27 · 1111 阅读 · 0 评论