jQuery的区别：$().click()和$(document).on('click','要选择的元素',function(){})的不同

jQuery的出现，大大简化了对dom的操作，但是如果不是仔细阅读api和进行操作，就不知道其中最大的优点和使用方式。就拿$().click()和$(document).on('click','要选择的元素',function(){})来说，都是点击事件的操作，但是也有不同的地方。1.$(选择器).click(fn)当选中的选择器被点击时触发回调函数fn。只针对与页面已存在的选择器。

• 1
• 2
• 3
• 4

分享8个网站开发中最好用的打印页面插件

1.PrintAreaPrintAreaisajQueryplugintoprintspecifiedareaofapage.Youcanspecify2modesofprinting:•IFRAME-mode•Popup-modeOtheroptionswereaddedastheneedarose,suchasaddingcsstothepageprinteddocument,retainingattributesofthesourceelement,addingelementstotheheadofthedocumentprintedandspecifyingseveralpredefineddocumentstandards(thedefaultishtml5),eventhepopupwasnotpartoftheoriginalplan.2.OffregOffreg

使用递归遍历并转换树形数据（以 TypeScript 为例）

一个朋友问我应该怎么从一个树的JSON数组生成HTML，使用

和
• 来构建页面元素。于是我简单的画了个树型结构图然后写了对应的模拟数据（JavaScript对象）constdata={name:"A",nodes:[{name:"B",nodes:[{name:"F"}]},{name:"C"},{name:"D",nodes:[{name:"G"},{name:"H"},{name:"I",nodes:[{name:"J"},{name:"K"}]}]},{name:"E"}]};最后写了一个递归，生成了HTML的树型结构。原本是用JavaScriptES6写的，为了表明数据结构，这里改用TypeScript来写：interfaceINode{name:string;nodes?:INode[];}functionmakeTree(roots:INode[]):JQuery
  jQuery 2017-11-02 发布

【唯星宠物】——CSS/BootStrap/Jquery爬坑之响应式首页

前言：唯星宠物产品官网，分为首页、子页和登录注册页三个页面，除网页内容设计与图片素材的部分使用网上的材料之外，其余内容呈现以及功能模块全部为自己重构。一、响应式轮播banner思路：使用BootStrap自带的广告轮播组件（Carousel）基本滑动效果关键→class="carousel"data-ride="carousel"调动js，让图片动起来指定轮播时间关键→data-interval=“2000”指定轮播时间为2s带方向按钮的轮播关键→href=“#Carousel的ID”关联最外层，class="carousel-contrlleft"data-slide="prev"控制左（右）轮播，指向前（后）一个带圆点导航的轮播关键→data-target="#Carousel的ID"指定跳到哪个区域的轮播图，data-slide-to="0"点击这个圆点要跳到第几个图

10款精美实用的jQuery焦点图动画推荐

在上一波的文章中，我们介绍了9个精巧绚丽的jQuery图片滑块动画，并且每一个焦点图动画都附有源代码下载。本文将继续为大家分享一些最新的jQuery焦点图动画，这些jQuery焦点图插件都比较精美，而且也非常实用，只要简单地配置便可将这些jQuery焦点图动画应用到自己的网站中去了。1、jQuery淡入淡出切换效果的焦点图插件昨天我们为大家分享过一款多图切换jQuery图片滑块插件，宽频展示，非常大气。今天我们要再来分享一款基于jQuery的焦点图插件，这款jQuery焦点图插件的特点是切换效果可以选择，有左右滑动和淡入淡出两种动画效果，焦点图的使用液比较简单。在线演示1/在线演示2/在线演示3/源码下载2、jQuery横向图片手风琴插件之前我们已经向大家分享过很多基于jQuery的手风琴插件，包括jQuery手风琴菜单等，比如炫酷的jQuery手风琴图片和菜单插件及源码这篇文章中就包含了很多jQuery手风琴插件。今天我们要分享另外一款jQuery横向图片手风琴插件，切换图片时可以展示图片文字描述，效果非常不错。

详细解读-this-关键字在全局、函数、对象、jQuery等中的基础用法！

一、前言1、Javascript是一门基于对象的动态语言，也就是说，所有东西都是对象，一个很典型的例子就是函数也被视为普通的对象。Javascript可以通过一定的设计模式来实现面向对象的编程，其中this“指针”就是实现面向对象的一个很重要的特性。但是this也是Javascript中一个非常容易理解错，进而用错的特性。2、this是Javascript语言的一个关键字。它代表函数运行时，自动生成的一个内部对象。二、进入正题1、全局代码中的——this1、浏览器宿主的全局环境中，this指的是window对象。在全局代码中，this始终是全局对象本身，这样就有可能间接的引用到它了。示例:console.log(this);//windowconsole.log(this==window);//true2、浏览器中在全局环境下，使用var声明变量将会把值赋给this或window。示例

10款超实用jQuery/CSS3动画应用

这次我们要带来10款最新的jQuery/CSS3动画应用，这里有不少jQuery插件还是比较实用的，像一些jQuery菜单、jQuery图片滑块等。另外，CSS3的运用，让这些应用都添加了不同的动画效果，不仅实用，而且更酷了。1、jQuery/CSS3书本翻页动画特效多功能选项支持这是一款基于jQuery和CSS3的书本翻页动画特效，该书本翻页插件的外观非常华丽喜庆，非常适合产品活动或者育儿网站使用。我们可以点击左右翻页按钮进行翻页，也可以使用鼠标拖拽页脚来实现翻页动画。这是个jQuery插件，因此兼容性还不错。在线演示/源码下载2、jQuery纵向分类下拉菜单导航今天我们要来分享一款jQuery纵向分类菜单，这款jQuery菜单是下拉菜单，鼠标滑过菜单项时即可展开相应的子菜单，并伴随很酷的淡入淡出和滑块动画效果。当鼠标滑过菜单项时，菜单项的背景颜色也会有渐变的效果。在线演示/源码下载3、纯CSS3实现自行车动画特效这是一款用纯CSS3实现的自行车动画，自行车的各个部位都是用CSS3绘制而成，外观非常逼真，很

基于JQuery EasyUI的WebMVC控件封装(含源码)

JQueryEasyUI类库，大家不会陌生，出来已经有很多年了。个人感觉还是很好用的，作者更新频率也很快，bug也及时修复。最近在整理以前的代码，找到了这个组件，它是将EasyUI组件封装成MVC控件，这样我们就可以不用写那些html标签了，我们先看看调用方式@Html.HiddenFor(c=>c.ID)@Html.HiddenFor(c=>c.EditMode)@Html.HiddenFor(c=>c.CodeTypeID)@Html.HiddenFor(c=>c.CreateUserID)@Html.EasyUI().LabelFor(c=>c.CodeID).Required(true)@Html.EasyUI().ValidateBoxFor(c=>c.CodeID).Required(true).Width("60

初次使用EasyUI框架插件遇到的问题及总结

由于公司做的系统大部分是后台系统，系统中列表居多；EasyuUI的datagrid这个插件对列表处理的还是很好的，满足公司的大部分列表需求了。使用easyui框架也是进入现在的公司之后采用到的。关于EasyuUI的datagrid可以在已有的表格元素创建数据网格（datagrid），在html中定义列、行及数据；也可以通过js来动态创建数据网格。关于如何创建看EasyUI的官网就可以了，比较简单。首先是关于接受到的数据格式最好是按照官网的例子写{"total":28,"rows":[{"productid":"FI-SW-01","productname":"Koi","unitcost":10.00,"status":"P","listprice":36.50,"attr1":"Large","itemid":"EST-1"},{"productid":"K9-DL-01","productname":"Dalmation","unitcost":12.00,"status":"P","listprice":18.50,"a

Webpack打包构建太慢了？试试几个方法

Webpack是个很流行的打包工具，但其打包速度却一直被吐槽着如果不用上一些打包的优化建议，单单打包两三个文件就能花上好几秒，放上几十个入口文件依赖几百上千个包的话，几分钟十几分钟妥妥的本文整理了常见的一些方法，部分使用之后就看到了很大改善，部分没什么明显的变化，也可能是项目规模还不够大，先记录一下方法也好一、使用监听模式或热更新热替换webpack支持监听模式，此时需要重新编译时就可以进行增量构建，增量构建是很快的，基本不到一秒或几秒之内就能重新编译好注意区分一下开发环境和线上环境，开发环境启用热更新替换//开发环境设置本地服务器，实现热更新devServer:{contentBase:path.resolve(__dirname,'static'),//提供给外部访问host:'0.0.0.0',port:8388,//允许开发服务器访问本地服务器的包JSON文件，防止跨域headers:{'Access-Control-Allow-Origin':'*'},//设置热替换hot:true,//设

8款耀眼的jQuery/HTML5焦点图滑块插件

jQuery是一款非常强大的Javascript框架，我们在html5tricks上也分享不少关于jQuery的教程和应用。今天我们要来分享一些jQuery结合HTML5实现的超酷焦点图滑块插件，一起来看看。1、HTML5/CSS3超酷焦点图特效带前后翻页按钮今天要分享的这款HTML5/CSS3焦点图插件切换效果比较简单，但是外观和功能却十分强大。该CSS3焦点图在切换图片时，图片以淡入淡出的方式缩小消失并显示下一张图片。焦点图插件还拥有一套非常大气的前后翻页按钮，是一款非常实用HTML5/CSS3焦点图应用。在线演示/源码下载2、HTML5/CSS3淡入淡出滑块焦点图非常清新我们已经分享过几款简单的CSS3/jQuery焦点图插件，像HTML5结合jQuery实现图片滑块特效、CSS3/jQuery全屏立体焦点图等，大家可以到焦点图栏目下查找。今天要分享的这款焦点图切换时有淡如淡出的动画效果，是利用HTML5和CSS3实现。在线演示/源码下载3、HTML5/jQuery3D焦点图插件多种超酷切换动

程序员总结分析：为什么要用原生 JavaScript 代替 jQuery？

随着JavaScript本身的完善，越来越多的人开始喜欢使用原生JavaScript开发代替各种库，其中不少人发出了用原生JavaScript代替jQuery的声音。这并不是什么坏事，但也不见得就是好事。如果你真的想把jQuery从前端依赖库中移除掉，我建议你慎重考虑。首先jQuery是一个第三方库。库存在的价值之一在于它能极大地简化开发。一般情况下，第三方库都是由原生语言特性和基础API库实现的。因此，理论上来说，任何库第三方库都是可以用原生语言特性代替的，问题在于是否值得？jQuery的作用引用一段jQuery官网的话：jQueryisafast,small,andfeature-richJavaScriptlibrary.ItmakesthingslikeHTMLdocumenttraversalandmanipulation,eventhandling,animation,andAjaxmuchsimplerwithaneasy-t

WebForms UnobtrusiveValidationMode requires a ScriptResourceMapping for 'jquery'. Please ad...

新开一个Website。没有使用jQuery，当Insus.NET使用一些验证控件时，如RequiredfieldValidator，程序出现下面错误：WebFormsUnobtrusiveValidationModerequiresaScriptResourceMappingfor'jquery'.PleaseaddaScriptResourceMappingnamedjquery(case-sensitive).怎么回来，使用NuGet来安装jQuery并在网页引用jQury类库，只要一运行，此错误依然出现。在网上搜索一回，然后出错的不此Insus.NET一个人，还有很多。解决此方法，就是配置web.Config文档，在appSettings添加一个Key:

jQuery实现点击开关图片切换

image需求：点击右侧的蓝色眼睛，会变成关键代码：/*实现图片切换*/$(".imgclick").toggle(function(){$(this).attr("src","img/close.png");},function(){$(this).attr("src","img/open.png");}).attr("src","img/open.png");可以直接复制黏贴的demo