juqery 学习之三 选择器 简单 内容 2016年07月27日 6 阅读 :first匹配找到的第一个元素Matches the first selected element.返回值Element示例查找表格的第一行 HTML 代码:<table> <tr><td>Header 1</td></tr> <tr><td>Value 1</td></tr> <tr><td>Value 2</td&...
juqery 学习之三 选择器 可见性 元素属性 2016年07月27日 10 阅读 :hidden匹配所有的不可见元素,input 元素的 type 属性为 "hidden" 的话也会被匹配到Matches all elements that are hidden, or input elements of type "hidden".返回值Array<Element>示例查找所有不可见的 tr 元素 HTML 代码:<table> <tr style="display:none"><td>...
juqery 学习之三 选择器 子元素与表单 2016年07月27日 6 阅读 :nth-child(index/even/odd/equation)匹配其父元素下的第N个子或奇偶元素":eq(index)" 只匹配一个元素,而这个将为每一个父元素匹配子元素。:nth-child从1开始的,而:eq()是从0算起的! 可以使用:nth-child(even):nth-child(odd):nth-child(3n):nth-child(2):nth-child(3n+1):nth-child(3n+2)Matches the nth-...
javascript预览上传图片发现的问题的解决方法 2016年07月27日 5 阅读 先看看效果图吧: 机会难得,有点技术亮点,就一下子投入到功能开发中去了。在这一块的功能开发中,自己还是学到些不错的东西,其中一点就是,用户选择上传的图片,如何预览出来呢。网上找了些资料,最终采用如下方法: 复制代码 代码如下: function (obj) { //logo上传添加事件 var logoimg = null; if (document.all) {//如果是IE情况下 obj.select(); logoimg = document.sel...
jQuery学习基础知识小结 2016年07月27日 6 阅读 jQuery学习笔记: jQuery学习 1、基本语法: $(selector).action() $:定义jQuery selector:选择符,查询和查找HTML元素 action():对元素执行的操作 实例: $(this).hide()------隐藏当前元素 $("p"),hide()-------隐藏所有的p元素 $("#ID").hide()-----隐藏id=ID的元素 $("p.Class")--------隐藏class=Class的P...
颜色选择器 Color Picker,IE,Firefox,Opera,Safar 2016年07月27日 8 阅读 from: 颜色选择器 colorpickerhttp://jscolor.com/http://dematte.at/colorPicker/http://www.free-color-picker.com/color-picker-samples.phphttp://www.nogray.com/color_picker.phphttp://www.mattkruse.com/javascript/colorpicker/ColorPicker2.js...
javascript showModalDialog 内跳转页面的问题 2016年07月27日 8 阅读 查看了一下代码,发现跳转链接中使用的是location,而直接使用A生成的链接,在点击跳转时,却不会弹出新的页面。 解决: 通过JS脚本,来模拟点击了A这样的链接,而不使用location试了一下: 复制代码 代码如下:function go_link(url) { var link = document.createElement("a"); link.href = url; document.body.appendChild(link); link.c...
简略的前端架构心得&&基于editor为例子的编码小技巧 2016年07月27日 6 阅读 比较粗糙简略。感兴趣的同学可以看看。稍微贴下主要内容吧: 这是第一份ppt主要的内容。具体东西我就不多贴了,对这几个方面感兴趣的同学可以下载来看看,既然是基于editor为例子的ppt,这里我也附上一个简单的利用execCommand命令做的简易的demo,editor的原理在demo里都能看出来。这里附上代码: <!doctype html> 复制代码 代码如下: <html> <head> <style typ...
js页面跳转常用的几种方式 2016年07月27日 5 阅读 第一种: 复制代码 代码如下: <script language="javascript" type="text/javascript"> window.location.href="jb51.jsp?backurl="+window.location.href; </script> 第二种: 复制代码 代码如下: <script language="javascript"> alert("返回"); window.h...
javascript 广告后加载,加载完页面再加载广告 2016年07月27日 5 阅读 先加载完页面再加载广告的原理: 网页打开的顺序都是按页面从上到下的顺序加载完成的,所以要想使广告不影响页面打开速度,就要等页面全部打开完成后,再加载JS代码。等页面加载完再加载广告其实就是将广告的 JS 代码放在页面的底部,等页面内容打开完成后再加载到广告代码,再用页面上预留好的的 DIV 输出广告。 使用方法: 1、将以下代码放置页面中想要放广告的地方 复制代码 代码如下: <div id="myads">载入中…</div> ...
js删除所有的cookie的代码 2016年07月27日 7 阅读 复制代码 代码如下: function clearCookie(){ var keys=document.cookie.match(/[^ =;]+(?==)/g); if (keys) { for (var i = keys.length; i--;) document.cookie=keys[i]+"=0;expires=" + new Date( 0).toUTCString() } } ...
腾讯的ip接口 方便获取当前用户的ip地理位置 2016年07月27日 6 阅读 腾讯的ip接口地址:http://fw.qq.com/ipaddress 显IP代码 全部调用 复制代码 代码如下: <script type=text/javascript src=http://fw.qq.com/ipaddress></script> <script type=text/javascript> document.write(IPData.join(‘ ‘)); </script> 效果...
js getBoundingClientRect() 来获取页面元素的位置 2016年07月27日 6 阅读 document.documentElement.getBoundingClientRect下面这是MSDN的解释:SyntaxoRect = object.getBoundingClientRect()Return ValueReturns a TextRectangle object. Each rectangle has four integer properties (top, left, right, and bottom) that repre...
JavaScript中的类继承 2016年07月27日 5 阅读 JavaScript InheritanceDouglasCrockfordwww.crockford.comAnd you think you"re so clever and classless and free--John LennonJavaScript一种没有类的,面向对象的语言,它使用原型继承来代替类继承。这个可能对受过传统的面向对象语言(如C++和Java)训练的程序员来说有点迷惑。JavaScript的原型继承比类继承有更强大的表现力,现在...
javascript中substr,substring,slice.splice的区别说明 2016年07月27日 5 阅读 substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符.stringObject.substr(start,length);start必须,length可选.start 是截取的开始位置的下标,从0开始算起,必须是数字.可以是负数,-1是倒数第一个字符,-2是倒数第二个字符,以此类推.length 是要截取的字符的长度,必须是数字.如果未指定,则从start位置处开始截取到字符串结尾.substr 指定的是字符串的开始下标跟截取长度...
javascript 获取所有id中包含某关键字的控件的实现代码 2016年07月27日 6 阅读 //获取某容器控件中id包含某字符串的控件id列表 //参数:容器控件、要查找的控件的id关键字、要查找的控件的标签名称 //返回值:查找到的控件id列表字符串,以逗号分割。 复制代码 代码如下: function GetIdListBySubKey(container,subKey,TagName) { var idList = ""; for(var i = 0; i < container.childNodes.length;i++) { if...
一款双向无缝+按钮定位的焦点图实现代码 2016年07月27日 5 阅读 myFocus - tbhuabao *{margin:0;padding:0;border:0;list-style:none;} body{background:#fff;padding:20px;} /*=========mF_tbhuabao========*/ .mF_tbhuabao {background:#ddd;border:10px solid #333;overflow:visible;} .mF_tbhuabao .pic...
IE6弹出“已终止操作”的解决办法 2016年07月27日 6 阅读 在实际的项目中,我的这个js是在头部页面里面,头部被多个页面引用,如果在每个页面的body元素里面加<body onload="函数">,可以解决问题,但是这样做太不符合实际了。毕竟全改的话,到时候布署到外网,要更新太多的文件。于是,在网上找了一下,让这段js最后执行的代码,终于让我找到了。代码如下: 复制代码 代码如下: <scirpt type="text/javascript"> document.onreadystatech...
jQuery中parents()的使用说明 2016年07月27日 6 阅读 举个例子: 复制代码 代码如下: <body> <div id="one"> <div id="two">hello</div> <div id="three"> <p> <a href="#">tonsh</a> </p> </div> </div> $("a").parent()将会得到父对象<p> $("a...
用jquery设置按钮的disabled属性的实现代码 2016年07月27日 6 阅读 在html标签中设置按钮被禁用,可以使用如下代码 <input type="button" id="test" value="disabled"> 在jquery中可以使用attr()函数修改按钮的disable属性 $(“#test”).attr(‘disabled",false); jquery 控制button的disabled属性 复制代码 代码如下: $("#button").attr("disabled","true");添加dis...