Welcome

首页 / 脚本样式 / JavaScript

jQuery dataTables与jQuery UI 对话框dialog的使用教程

2017-02-06 16
首先介绍下这两个插件功能 1.DataTables是一个jQuery的表格插件。官方网站及其下载地址：http:/www.datatables.net其主要特点如下：1.自动分页处理2.即时表格数据过滤3.数据排序以及数据类型自动检测4.自动处理列宽度5.可通过CSS定制样式6.支持隐藏列7.易用8.可扩展性和灵活性9.国际化10.动态创建表格11.免费的2.对话框（dialog），是jQuery UI 非常重要的一个功能。它彻底的代替了JavaScrip...

基于JS实现回到页面顶部的五种写法（从实现到增强）

2017-02-06 20
写法【1】锚点 使用锚点链接是一种简单的返回顶部的功能实现。该实现主要在页面顶部放置一个指定名称的锚点链接，然后在页面下方放置一个返回到该锚点的链接，用户点击该链接即可返回到该锚点所在的顶部位置 [注意]关于锚点的详细信息移步至此<body style="height:2000px;"><div id="topAnchor"></div><a href="#topAnchor" style="position:...

jQuery基本选择器之标签名选择器

2017-02-06 18
废话不多说了，直接给大家贴代码了，关键代码如下所述：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title> ne...

详解Javascript中prototype属性（推荐）

2017-02-06 19
在典型的面向对象的语言中，如java，都存在类（class）的概念，类就是对象的模板，对象就是类的实例。但是在Javascript语言体系中，是不存在类（Class）的概念的，javascript中不是基于‘类的"，而是通过构造函数（constructor）和原型链（prototype chains）实现的。但是在ES6中提供了更接近传统语言的写法，引入了Class（类）这个概念，作为对象的模板。通过class关键字，可以定义类。基本上，ES6的class...

浅析$（function） ready和onload 的区别

2017-02-06 18
新手接触javascript、jquery的时候不可避免的要接触题目所标识的相关内容，反复看过几次一到用的时候总是不踏实，写此文以记之。 符号“$”是jquery对象（个人这样理解，拥有函数的用法）。接着知道下面的一个等式，功能性能上是完全一致的。$（function（）{ /*do some thing*/ }） = $（document）.ready（function（）{/* do some thing */}） = $（）.ready（funct...

JavaScript 冒泡排序和选择排序的实现代码

2017-02-06 15
废话不多说了，直接给大家贴代码了，具体代码如下所述：var array = [1,2,3,4,5]; // ---> 服务//效率 ---> 针对一个有序的数组 效率最高//标志 true false for（var j = 0; j < array.length - 1;j++ ）{//- j 每次排序完成之后 后面减少比较的次数var isTrue = true; //如果数组本身就是升序，则直接输出for（var i = 0; i ...

每个程序员都需要学习 JavaScript 的7个理由小结

2017-02-06 18
最近在和招聘经理交流现在找一个好的程序员有多难的时候，我渐渐意识到了现在编程语言越来越倾重于JavaScript。Web开发人员尤其如此。所以，如果你是一个程序员，那么你应该去学习JavaScript。需求我之所以这样说的主要原因是，随着JavaScript的日渐成熟，以及Node.js方案变得越来越可行，我们对JavaScript程序员的需求正在持续增长。 JavaScript在需求比例上已经超过了C#，仅屈居于Java之下。如果你看看GitHub上可行...

DOM操作原生js 的bug,使用jQuery 可以消除的解决方法

2017-02-06 18
js的 bug 类型： Uncaught TypeError：Cannot set/read property "xxx" of null在进行DOM操作的时候比较容易发生这个错误，比如：1. document.getElementById（"test1"）.style.display="none"2. document.getElementById（"test1"）.onclick=function（）{/*相关代码*/}假如DOM中无此 test1对象...

关于两个jQuery（js）特效冲突的bug的解决办法

2017-02-06 18
Problem：使用jquery，json做一个资源下载的应用，其中用到paginate.js和JSON数据的分页效果，以及jquery.DOMWindow.js的弹窗效果。但是出现以下bug:单击“上/下一页，首/末页”后，弹窗事件失效；Analysis：对于这个Bug，在paginate.js中设计的上/下一页，首/末页按钮属性是设置了href=”javascript:（void）”，google到关于这个属性的解释：“javascript:void（...

利用原生js和jQuery实现单选框的勾选和取消操作的方法

2017-02-06 18
根据以下的Demo，大概就可以看的明白Demo:<html><head><script src="jquery-1.9.1.min.js"></script><script>window.onload = function（）{var dom_a = document.getElementById（"a1"）;var dom_b = document.getElementById（"b1"）;//...

jQuery使用$获取对象后检查该对象是否存在的实现方法

2017-02-06 17
注意：1）即使jQ获取到网页中不存在的元素也不会报错2）使用$（"#tt"）形式获取到的永远是对象，即使网页上没有此元素jQuery检查某个元素在网页上是否存在时，不能使用以下的代码：if（$（"#tt"））{//do something}二是根据获取到的元素的长度来判断：if（$（"#tt"）.length>0）{ //do something }或者是转化成DOM对象再判断：if（$（"#tt"）[0]）{ //do something }以上这...

JS简单测试循环运行时间的方法

2017-02-06 19
本文实例讲述了JS简单测试循环运行时间的方法。分享给大家供大家参考，具体如下：<！DOCTYPE html><html lang="zh-cn"><head><meta charset="UTF-8"><title>JS 测试循环运行的时间</title><script>var arr = [];var max = 10000000;//加载window.addEventL...

把多个JavaScript函数绑定到onload事件处理函数上的方法

2017-02-06 17
为了让函数只在页面加载完毕后才得到执行，我们会把函数绑定到onload事件上：window.onload = userFunction但如果有两个函数：firstFunction（） 和 secondFunction（），都想让它们在页面加载完毕后得到执行，该怎么办？如果这样：window.onload = firstFunciton;window.onload = secondFunction;只有最后一个函数能被执行。由此可得：每个事件处理函数只能绑定...

JS简单实现仿百度控制台输出信息效果

2017-02-06 18
本文实例讲述了JS简单实现仿百度控制台输出信息效果。分享给大家供大家参考，具体如下：<！DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title></head><body><h3>打开控制台看...

jQuery实现的自定义弹出层效果实例详解

2017-02-06 19
本文实例讲述了jQuery实现的自定义弹出层效果。分享给大家供大家参考，具体如下：dialog.css：#DialogBySHFLayer{width:100%;height:100%;left:0;top:0;position:fixed;z-index:500;background-color:#333333;filter:alpha（Opacity=40）;-moz-opacity:0.4;opacity: 0.4;}/*弹出的提示框*/#Dialo...

jQuery实现最简单的切换图效果【可兼容IE6、火狐、谷歌、opera等】

2017-02-06 19
本文实例讲述了jQuery实现最简单的切换图效果。分享给大家供大家参考，具体如下：<！DOCTYPE html><html lang="zh-cn"><head><meta charset="UTF-8"><title>最简单的切换图</title><！--兼容IE6+兼容火狐兼容谷歌兼容欧朋--></head><body><style>...

jQuery轮播图效果精简版完整示例

2017-02-06 18
本文实例讲述了jQuery轮播图效果。分享给大家供大家参考，具体如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><meta http-equiv=...

jQuery与JS加载事件用法分析

2017-02-06 19
本文实例分析了jQuery与JS加载事件用法。分享给大家供大家参考，具体如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><...

jQuery中ScrollTo用法示例

2017-02-06 17
本文实例讲述了jQuery中ScrollTo用法。分享给大家供大家参考，具体如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>&l...

JavaScript算法系列之快速排序（Quicksort）算法实例详解

2017-02-06 18
"快速排序"的思想很简单，整个排序过程只需要三步： （1）在数据集之中，选择一个元素作为"基准"（pivot）。 （2）所有小于"基准"的元素，都移到"基准"的左边；所有大于"基准"的元素，都移到"基准"的右边。 （3）对"基准"左边和右边的两个子集，不断重复第一步和第二步，直到所有子集只剩下一个元素为止。举例来说，现在有一个数据集{85, 24, 63, 45, 17, 31, 96, 50}，怎么对其排序呢？第一步，选择中间的元素45作为"基准"...
<< 121 122 123 124 125 126 127 128 129 130 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图