jQuery

jquery滚动条插件slimScroll使用方法

本文实例为大家总结了滚动条插件slimScroll的使用方法,供大家参考,具体内容如下TIP:1.slimScroll在使用的时候要依赖JQ,所以首次使用的时候要引入JQ再引入simScroll插件2.不支持resize的时候重新调用插件,不过有人已经修改过源码,这是修改过的版本的下载地址:https://github.com/kujian/jQuery-slimScrollresize重新调用插...

    186浏览1推荐0评论

    很多国内公司不使用 jQuery 等开源 JS 框架,而选择自己开发 JavaScript 框架

    折腾过 KISSY 类库,简单说几点:1. 开发 KISSY 之前,淘宝使用的是 YUI2 类库。但从 2009 年开始,YUI2 在逐步退出历史舞台,YUI 团队的大部分精力都投入到 YUI3 的开发中去了。从当时的情况来看,YUI2 前途堪忧,YUI3 则还不够成熟,并且 YUI3 的定位(大而全的框架型类库)不适合淘宝的前台业务场景(以浏览型为主的展现页面)。2. 我自己是力推 jQuery...

      123浏览0推荐0评论

      如何做前端异常监控

      一段“Web 前端全局异常监控”代码(基于 jQuery)——(function (BOM, $) {     var Console_URL = $('head link[rel="console"]').attr('href'); ...

        114浏览0推荐0评论

        后端渲染html、前端模板渲染html,jquery的htm的区别

        1、后端渲染实现:后端拼字符串呗…… (理论上后端模板也是字符串)好处:模板统一在后端。前端(相对)省事,不占用客户端运算资源(解析模板),只要不大改结构,文字啥的小修改后端改了就好了。坏处:占用(部分、少部分)服务器运算资源、,response 出的数据量会(稍)大点,模板改了前端的交互和样式什么的一样得跟着联动修改。2、前端模板实现:看这个吧……关于模板引擎的工作方式和性能? - 前端开发 但...

          117浏览0推荐0评论

          AJAX加载了HTML但是HTML里面的CLICK事件无效

          事件委托,ajax载入新dom之前js就加载完了,事件当然没有绑定到新载入的dom上。举个例子,如果ajax载入了一个<span class="load"></span>这个时候如果你的js中写了$('.load').on('click',function(){ do something...});事件是绑定不上...

            105浏览0推荐0评论

            JQUERY 的属性

            一.显示和隐藏的属性 hide(隐藏),show(显示) 下面是例子<script type="text/javascript">$(document).ready(function(){    $("#hide").click(function(){       $(&quo...

              91浏览0推荐0评论

              3种不同的ContextMenu右键菜单演示

              简单使用的右键菜单,希望能帮助大家。下面是截图和实例代码 实例预览<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transi...

                222浏览0推荐0评论

                实现雪花飘落效果

                <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xml...

                  158浏览0推荐0评论

                  从一个组件的实现来深刻理解 JS 中的继承

                  全局变量写法这种写法完全没有约束,基本所有人都会,完全没啥技巧:// html <input type="text" id="input"/> // javascript var input = document.getElementById("input"...

                    164浏览0推荐0评论

                    前端面试中的常见的算法问题

                    虽说我们很多时候前端很少有机会接触到算法。大多都交互性的操作,然而从各大公司面试来看,算法依旧是考察的一方面。实际上学习数据结构与算法对于工程师去理解和分析问题都是有帮助的。如果将来当我们面对较为复杂的问题,这些基础知识的积累可以帮助我们更好的优化解决思路。下面罗列在前端面试中经常撞见的几个问题吧。Q1 判断一个单词是否是回文?回文是指把相同的词汇或句子,在下文中调换位置或颠倒过来,产生首尾回环的...

                      158浏览0推荐0评论

                      JQ写简单的伸缩菜单

                      效果如图:JQ代码就那么几句<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <...

                        86浏览0推荐0评论

                        以最简单的登录为例,诠释JS面向对象的简单实例

                        JavaScript,是前端开发人员必须会的一门技术,从JS演变出来的有很多框架,先说说几个热门的框架吧:JQuery:这个技术必须会,如果不会,那一定要会查api,知道怎么写,要看得懂英文文档,这个框架十分流行,不论是刚入坑的开发者还是老油条,其实也都是是需要会的BackBone:这个技术还不错,曾经的项目中用到过多次,很方便,是个MVC的实用框架,用来渲染视图十分简便AngularJS:是个M...

                          178浏览0推荐0评论

                          jQuery计时器

                          <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <script type="text/javascript" src="jquery...

                            59浏览0推荐0评论

                            jQuery鼠标经过图片出现提示文字

                            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xml...

                              45浏览0推荐0评论

                              json_encode()函数输出格式

                              做项目时发现一个小现象,使用json_encode()函数将array()数组转化成json,输出的数据格式有时候是“{}”包围的,有时候是“[]”包围的。下面做几个测试://对象class JsonTest{     public $id = 1;     public&nbs...

                                57浏览0推荐0评论

                                jquery滚动条插件slimScroll使用方法

                                本文实例为大家总结了滚动条插件slimScroll的使用方法,供大家参考,具体内容如下TIP:1.slimScroll在使用的时候要依赖JQ,所以首次使用的时候要引入JQ再引入simScroll插件2.不支持resize的时候重新调用插件,不过有人已经修改过源码,这是修改过的版本的下载地址:https://github.com/kujian/jQuery-slimScrollresize重新调用插...

                                  186浏览1推荐0评论

                                  jQuery实现淡入淡出的模态框

                                  本文实例为大家总结了jQuery淡入淡出模态框的使用方法,供大家参考,具体内容如下HTML代码如下:固定格式就省略了<div class="theme-popover">  <div class="theme-poptit">   <a href="#&quo...

                                    171浏览0推荐0评论

                                    jQuery基于Ajax方式提交表单功能示例

                                    本文实例讲述了jQuery基于Ajax方式提交表单功能。分享给大家供大家参考,具体如下:提交表单一般通过同步的方式提交,提交后页面刷新或跳转到新页面来显示服务器端返回的处理结果。如果表单提交后有另外的操作或业务需求需要还在这个页面上显示或处理,那么页面不能整体刷新,这时第一想到的就是采用ajax的方式提交表单。下面完整的介绍一个表单采用ajax方式提交的流程。一、准备1、页面引入jQuery文件2...

                                      177浏览0推荐0评论

                                      jQuery移除或禁用html元素点击事件常用方法小结

                                      本文实例讲述了jQuery移除或禁用html元素点击事件常用方法。分享给大家供大家参考,具体如下:移除或禁用html元素的点击事件可以通过css实现也可以通过js或jQuery实现。一、CSS方法.disabled { pointer-events: none; }二、jQuery方法方法一$(this).click(function (event...

                                        174浏览0推荐0评论

                                        使用jquery给新生的th绑定hover事件的实例

                                        这是昨天在做一个动态的table时遇到的一个小问题,table的th需要让鼠标在移入和移出时显示颜色变化,之前th是固定写死的,直接可以用jquery的hover()方法来实现。现在th需要用js/ajax来动态生成加载到页面,用hover()也就没效果了(因为要重新给th绑定mouseover和mouseout事件,而且考虑到可能会有多次加载th等情况,bind也要多次绑定,比较麻烦),在这里我...

                                          179浏览0推荐0评论

                                          jQuery基于ajax实现页面加载后检查用户登录状态的方法

                                          本文实例讲述了jQuery基于ajax实现页面加载后检查用户登录状态的方法。分享给大家供大家参考,具体如下:拥有会员功能的网站,如果会员已经登录,那么要显示相应的登录状态,而且这种显示的需求是在网站的每个页面都有的(目前国内网站貌似都是这么做的,还没有见过其他形式的状态显示方式),这样,在打开一个新的页面时就要知道这个会员是否已经登录,需要判断登录的状态。1、解决方案。为了能够实现在每一个页面判断...

                                            171浏览0推荐0评论

                                            jQuery基于ajax方式实现用户名存在性检查功能示例

                                            本文实例讲述了jQuery基于ajax方式实现用户名存在性检查功能。分享给大家供大家参考,具体如下:对于拥有会员功能的网站,尤其是会员登录后可以留言或评论的网站,一般要求不能有两个或两个以上相同的用户名存在。因此,在用户注册的时就需要对用户名是否已经被注册进行检查防止出现相同的用户名。下面是我实现这种功能的一种解决方案。1、方案原理:利用ajax的异步请求不刷新正在注册的页面向后端发送请求,后端对...

                                              177浏览0推荐0评论

                                              JQuery及AJAX实现名人名言随机生成器

                                              这是我刚接触AJAX的时候做的一个小应用,主要功能如下:1.点击按钮可以随机生成一句名人名言及其作者名字,如果没有作者名字,则显示“Unknown”。2.点击按钮可以把名人名言分享到推特或者微博。HTML:<div class="container-fluid text-center">  <h1>   ...

                                                168浏览0推荐0评论

                                                基于jQuery实现咖啡订单管理简单应用

                                                这款应用主要实现以下几个功能:1.在表格中输入客户姓名并选择咖啡,点击“Add”能够把数据传至table。2.table的每生成一行新数据,其status列都会出现一个小咖啡图标,表示正在制作中。3.点击这个小咖啡图标,可以变成一个绿色的勾勾,表示该订单已经完成。4.点击Export可以把表格数据导出为CSV文件。HTML:<div class="container-fl...

                                                  164浏览0推荐0评论

                                                  jQuery排序插件tableSorter使用方法

                                                  本文实例为大家分享了jQuery排序插件tableSorter的使用方法,供大家参考,具体内容如下1.先引两个js<script type="text/javascript" src="../js/jquery-1.3.2.min.js"></script> <script type="t...

                                                    176浏览0推荐0评论

                                                    jQuery html表格排序插件tablesorter使用方法详解

                                                    tablesort是一款很好用的jQuery表格排序插件。 支持多种数据类型排序,会自动识别表格内容数据类型,使用也非常方便。使用jQuery tablesort实现html表格方法:1. 下载jQuery和tablesort脚本,并在html中引用该脚本文件:<script type="text/javascript" src="../jq...

                                                      56浏览0推荐0评论

                                                      jQuery实现复制到粘贴板功能

                                                      项目中突然需要使用复制功能,在网上搜索了下看到了ZeroClipboard插件,好用,但是也有局限。用法如下:1、引用jquery、zclip.js、swf文件。demo地址:https://github.com/chaoli920029342/jquery_copy2、初始化<body> <input type="text" name=&...

                                                        51浏览0推荐0评论

                                                        jQuery的中 is(':visible') 解析及用法(必看)

                                                        实例选择 <body> 元素中每个可见的元素:$("body :visible")定义和用法:visible 选择器选取每个当前是可见的元素。除以下几种情况之外的元素即是可见元素:• 设置为 display:none• type="hidden" 的表单元素• Width 和 height 设置为 0• 隐藏的父元素(同时隐藏所有子元素)语法$(...

                                                          20浏览0推荐0评论

                                                          jq stop()和:is(:animated)的用法及区别(详解)

                                                          下面小编就为大家带来一篇jq stop()和:is(:animated)的用法及区别(详解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧stop(true,true):表示停止匹配元素正在进行的动画并跳转到末状态,清空未执行完的动画队列。常用于”解决光标移入移出得过快导致的动画效果与光标动作不一致“问题!jQuery stop() 方法jQuery stop() ...

                                                            56浏览0推荐0评论

                                                            学习使用jQuery表单验证插件和日历插件

                                                            首先学习使用jQuery表单验证插件:1.Jquery表单验证插件—Validation的学习与使用 (1)Validation的验证有几种规则,一是在class属性中定义验证规则,如class=“required”,minlength=”2”。为了实现将验证规则完全编写到class属性中,另外一种是通过引入新的jquery插件-jquery.metadata.js来实现验证规则的定义,...

                                                              20浏览0推荐0评论
                                                              首页上一页12345下一页尾页

                                                              推荐作者

                                                              热门手记