jquery选择器使用详解

2016年07月27日 9 阅读

jQuery 的选择器可谓之强大无比，这里简单地总结一下常用的元素查找方法 $（"#myELement"） 选择id值等于myElement的元素，id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $（"div"） 选择所有的div标签元素，返回div元素数组 $（".myClass"） 选择使用myClass类的css的所有元素 $（"*"） 选择文档中的所有的元素，可以运用多种的选择方式进行联合选择：例如$（"#myEL...

js定时调用方法成功后并停止调用示例

2016年07月27日 10 阅读

复制代码 代码如下: <pre name="code" class="javascript"><pre name="code" class="javascript"> <span style="color: rgb（58, 62, 67）; font-family: "Segoe UI Semibold", "Segoe UI", "Lucida Grande", Verdana, Arial, Helvetica, sans...

javascript 模拟坦克大战游戏（html5版）附源码下载

2016年07月27日 11 阅读

一、总结关键点和遇到的问题 1.javascript中的继承，最好父类只提供方法共享，属性写到各自子类中，避免父类和子类的构造函数混杂。 2.prototype模拟继承的代码，应写在所有方法定义之前，否则原型对象被改变，方法就变成了未定义，如： 复制代码 代码如下: Hero.prototype = new Tank （0, 0, 0）; Hero.prototype.constructor = Hero; Hero.prototype.addLife =...

模拟用户点击弹出新页面不会被浏览器拦截

2016年07月27日 10 阅读

相信用过window.open的小伙伴们都遇到过被浏览器拦截导致页面无法弹出的情况；我们换下思路，什么情况下的新页面弹出才不会被浏览器拦截呢？比如<a />标签这种就不会；那么我们只要模拟下用户去主动点击这个<a />标签就不会有拦截的问题了。 先定义好HTML标签： 复制代码 代码如下: <a href="" id="alink" target="_blank" style="display: none"><sp...

jquery实现pager控件示例

2016年07月27日 9 阅读

js：复制代码 代码如下:$.fn.extend（{ JPager: function （cfg, pageIndex, pageSize） {if （cfg && pageIndex > 0 && pageSize>0） {var token = "#" + this.attr（"id"）;this.empty（）;var pageFirst = function （） {$（token）.JPager（cfg, 1, pageSize）;}...

js数组方法扩展实现数组统计函数

2016年07月27日 9 阅读

复制代码 代码如下:/*****************************************************CreateBy:joe zhou*Description:数组统计函数****************************************************/$.extend（{max: function （arr） {return cacl（arr, function （item, max） {if （！（m...

通过url查找a元素并点击

2016年07月27日 9 阅读

举例说明之前的一个项目：添加学生的时候，没有班级数据。需要自动跳转到班级展示页面。 问题：学生，班级等数据 是放到iframe里面的jsp. 学生管理的按钮是在main.html上的菜单栏中。 解决方法： 通过id查找父窗体的 班级管理<a>标签，并点击 复制代码 代码如下: $（window.parent.document）.find（"#folder_12"）.click（）; 后来菜单栏换成动态的了，菜单id自然也就是动态的了。 想要的...

jQuery遍历Table应用示例

2016年07月27日 9 阅读

复制代码 代码如下: function checkwo（）{ var vales = ""; $（"#vales"）.val（vales）; var flag = false; var bo = true; $（"#data_table"）.find（"tr"）.each（function（）{ $（this）.find（"td input"）.each（function（）{ if（$（this）.attr（"name"）=="rid"） { vales...

JS、DOM和JQuery之间的关系示例分析

2016年07月27日 14 阅读

DOM（document object model） 其实是浏览器内元素对象的一个总称 我们用JavaScript对网页进行的所有操作都是通过DOM进行的。DOM属于浏览器，而不是JavaScript语言规范里的规定的核心内容，所以如果你下载一个JavaScript语言的参考帮助文档来查的话，就连妇孺皆知的document.write方法也找不到。 文档对象模型（Document Object Model，DOM）是一种用于HTML和XML文档的编程接口。...

js控制iframe的高度/宽度让其自适应内容

2016年07月27日 9 阅读

复制代码 代码如下: <mce:script language= "Javascript "><！-- window.onload=function（） { parent.document.all（"iframe1"）.style.height = document.body.scrollHeight; parent.document.all（"iframe1"）.style.width = document.body.scrollWid...

jquery查找父元素、子元素（个人经验总结）

2016年07月27日 9 阅读

使用js或者jquery查找父元素、子元素经常遇到。可是用起来总容易混淆，这里统一总结了一下，以后用起来相信会方便好多 这里jquery向上查找父元素 用到的方法：closest（） parents（） parent（） 向下查找子元素 用到的方法：find（） children（） js用的是 children[] 属性 html代码 复制代码 代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 T...

常见的原始JS选择器使用方法总结

2016年07月27日 9 阅读

常见的getElementById，getElementsByName，getElementsByTagName。但外国人不满意这些API，于是搞出了getElementsByClassName,后来一点点又出现了jQuery选择器，这里只说原始js选择。 1.getElementById 这是最常用的选择器，通过id来定位： 例： var test=document.getElementById（"test"）.value;//获取文档中id为test的...

javascript的propertyIsEnumerable（）方法使用介绍

2016年07月27日 10 阅读

复制代码 代码如下: /* propertyIsEnumerable（）是用来检测属性是否属于某个对象的,如果检测到了,返回true,否则返回false. 1.这个属性必须属于实例的,并且不属于原型. 2.这个属性必须是可枚举的,也就是自定义的属性,可以通过for..in循环出来的. 只要符合上面两个要求,就会返回true; */ function MyObject（） { this.name = "我是实例的属性"; } var obj = new My...

JS使用replace（）方法和正则表达式进行字符串的搜索与替换实例

2016年07月27日 11 阅读

1、JS字符串的替换及replace（）方法的使用replace（regexp,replacement）方法有两个参数，第一参数可以是一个纯文本字符串或是一个RegExp对象，具体请看RegExp对象的使用；第二个参数可是一个字符串也可以是一个函数。以下是JS字符串替换的举例：例1：复制代码 代码如下:var str="Hello world！";document.write（str.replace（/world/, "phper"））;例2：复制代码 代...

php的文件上传入门教程（实例讲解）

2016年07月27日 10 阅读

一、文件上传为了让客户端的用户能够上传文件，我们必须在用户界面中提供一个表单用于提交上传文件的请求。由于上传的文件是一种特殊数据，不同于其它的post数据，所以我们必须给表单设置一个特殊的编码:复制代码 代码如下:<form action="upload.php" method="POST" enctype="multipart/form-data"></form>以上的enctype属性，你可能不太熟悉，因为这常常会被忽略掉。但是...

ajax请求乱码的解决方法（中文乱码）

2016年07月27日 9 阅读

今天遇到一个问题，有关ajax请求中传输中文，遇到乱码的问题。如下代码：复制代码 代码如下:function UpdateFolderInfoByCustId（folderId, folderName, custId） { $.ajax（{ type: "Post", contentType: "application/x-www-form-urlencoded; charset=utf-8", url: "http://localhost/CRM/Ash...

javascript:void（0）的问题使用探讨

2016年07月27日 10 阅读

在做页面时，如果想做一个链接点击后不做任何事情，或者响应点击而完成其他事情，可以设置其属性 href = "#"，但是，这样会有一个问题，就是当页面有滚动条时，点击后会返回到页面顶端，用户体验不好。 目前有如下几种解决办法： 1）点击链接后不做任何事情 复制代码 代码如下: <a href="javascript:void（0）;" >test</a> <a href="javascript:;" >test</a...

js实现图片旋转的三种方法

2016年07月27日 9 阅读

1 使用jQueryRotate.js实现 示例代码： 复制代码 代码如下: <！DOCTYPE html> <html> <head> <title></title> <style type="text/css"> #div1 { width: 800px; height: 600px; background-color: #ff0; position: absolute; } .i...

JavaScript中双叹号（！！）作用示例介绍

2016年07月27日 9 阅读

经常看到这样的例子： 复制代码 代码如下: var a； var b=！！a; a默认是undefined。！a是true，！！a则是false，所以b的值是false，而不再是undefined，也非其它值，主要是为后续判断提供便利。 ！！一般用来将后面的表达式强制转换为布尔类型的数据（boolean），也就是只能是true或者false; 因为javascript是弱类型的语言（变量没有固定的数据类型）所以有时需要强制...

js获取上传文件大小示例代码

2016年07月27日 9 阅读

代码如下： 在ie下，貌似要改安全设置中的【对为标记为可安全执行脚本的ActiveX空间初始化并执行】那项 复制代码 代码如下: <html> <head> <script type="text/javascript"> var isIE = /msie/i.test（navigator.userAgent） && ！window.opera; function fileChange（target） { var file...