×

前端资源

  • 跨平台移动前端框架AUI 2.0
  • 【前端开发工具】弹指间轻轻松松画图形

每日一学每天一小步 成功一大步!

最新文章实时了解最新、最快的互联网Web前端开发动态!

  • 玩玩input中placeholder的交互

    Js&JQuery Posted by admin 2018.04.19 views: 106 评论:0

    jQuery实现placeholder效果</title><scriptsrc="/demo/js/jq.js"></script><script>$(function(){initEvent...

  • jQuery实现列表双向选择

    Js&JQuery Posted by andy001 2018.04.19 views: 108 评论:0

    jQuery实现列表双向选择前段时间项目需要用到双向列表选择,想直接用select,结果发现某些样式不支持,只好用div模拟了以下,功能基本实现能用了,需要其他功能自己加上,譬如列表里展示多列数据等。<!DOCTYPE html><...

  • 关于HTML中文字换行的一些事

    HTML Posted by admin 2018.04.18 views: 219 评论:0

    jQuery.fn.limit=function(){          var self = $("[limit]&q...

  • 熟悉下基于jQuery中元素的基本操作

    Js&JQuery Posted by ceshi 2018.04.18 views: 120 评论:0

    jQuery中元素的属性的操作和应用。元素属性元素的属性中可以包含很多有用的信息,所以如何设置或得到属性中的值,就显得非常重要。jQuery的$.fn.attr方法可以作为setter和getter使用,用来设置或获取属性的值。和$.fn.css用法类似,$....

  • 介绍一款文字提示tips插件

    Js&JQuery Posted by cidy2017 2018.04.18 views: 165 评论:0

    jQuery UI Tooltip - Default functionality</title>  <link rel="stylesheet&quo...

  • 手机号码选号,怎么玩!

    Js&JQuery Posted by cidy2017 2018.04.18 views: 123 评论:0

    jQuery,有兴趣的自己重构去除依赖。建议使用Chrome浏览器的调试工具执行。jQuery手机号码分析评分:/*class*/RegexpMatchScorer=function(/*RequiredRegExp*/reg,/*RequiredNumber...

  • 解决jQuery中美元符号命名冲突问题

    Js&JQuery Posted by 天空 2018.04.17 views: 169 评论:0

    jQuery中,$是jQuery的别名,所有使用$的地方也都可以使用jQuery来替换,如$('#msg')等同于jQuery('#msg')的写法。然而,当我们引入多个js库后,在另外一个js库中也定义了$符号的话,那么我们在...

  • 使用jQuery实现select添加实现后台权限添加

    Js&JQuery Posted by shiji 2018.04.16 views: 196 评论:0

    jQuery实现select添加实现后台权限添加。两个列表都可以多选,实现如下效果:1、双击第一个列表中任意一个列表项,实现向下添加2、双击第二个列表中任意一个列表项,实现删除,3、点击按钮,实现对应功能。Html代码<formname="fo...

  • 如何用jQuery修改元素属性及内容

    Js&JQuery Posted by andy001 2018.04.16 views: 721 评论:0

    jQuery修改元素属性及内容1.操作属性    上文介绍了如何筛选到需要的元素。得到了元素之后就要对其进行操作。一个常见的需求是遍历得到的元素集,对每一个元素进行一个操作。jQuery提供的函数是each(iterat...

  • 了解change事件

    Js&JQuery Posted by 天空 2018.04.15 views: 103 评论:0

    jQuery中change事件用法。分享给大家供大家参考。具体分析如下:change事件会在匹配元素失去焦点或者其值获得焦点并且改变时触发。一个完整的事件过程,不但要有能够触发事件的条件,而且还要有事件处理程序。可以通过change()方法为change事件绑...

  • 学下事件源码定位问题

    Js&JQuery Posted by shiji 2018.04.15 views: 219 评论:0

    jQuery)这个问题,说难不难,说简单也没那么简单,万一用的是委托之类也会麻烦点。在chrome的控制台里有个EventListeners,这里会显示你所选择元素的事件,如果是原生事件,他会直接显示,你点击一下事件就会跳到对应代码里了,可是jQuery绑定的...

  • jQuery淡入淡出元素效果

    Js&JQuery Posted by andy001 2018.04.15 views: 226 评论:0

    jQuery提供了3个和淡入淡出相关的函数:·fadeIn()使得一个隐藏的元素淡入视野。首先,元素占据的空间出现在页面上(这可能意味着页面上的其他元素要移走);然后,元素逐渐地变得可见。如果元素在页面上已经可见,则这个函数没有任何效果。如果没有提供一个速度值...

  • jQuery遍历节点的方法

    Js&JQuery Posted by jquery 2018.04.13 views: 161 评论:0

    jQuery遍历节点的方法:<!DOCTYPEhtml><html><head><metahttp-equiv="Content-Type"content="text/html;chars...

  • 基于jQuery实现隔行换色

    Js&JQuery Posted by 天空 2018.04.13 views: 178 评论:0

    今天用一种简洁的方法toggleClass()实现了隔行换色:<!DOCTYPE HTML><html><head><meta charset="utf-8"><ti...

  • 为什么jQuery重复提交请求

    Js&JQuery Posted by andy001 2018.04.13 views: 196 评论:0

    一般来说有两个原因:1、第一种是没有取消绑定,例如$("#test").unbind("click");$("#test").click(function(){....});2、是因为在不同的页面多次...

  • 获取随机生成id的服务器控件

    Js&JQuery Posted by ceshi 2018.04.13 views: 248 评论:0

    jQuery获取时候不太好操作,google了下,总结有以下3种方法:服务器控件代码:<asp:TextBoxID="txtUserID"runat="server"></asp:TextBox>...

  • 【性能优化】大神们教你如何打造高性能网站

    性能优化 Posted by admin 2018.04.12 views: 424 评论:2

    jQuery,比如将图片向上移几个像素或完成其它很简单的任务,CSS框架问题也很常见。我们似乎忘了是为用户制作Web网页,而不是为设计师或程序员提供方便。框架的“便利”之处,就是造成Web网页越来越臃肿的罪魁祸首。小结歪果砖家团观点再度强调了图片优化的重要性,...

  • jQuery分别取得每行最后一列和最后一行

    Js&JQuery Posted by jiang 2018.04.12 views: 180 评论:0

    jQuery分别取得每行最后一列和最后一行:$('#mytable tr:last').find('td').addClass('end'); $('#mytable tr&...

  • jQuery的ajax和getJson跨域获取json数据

    Js&JQuery Posted by shiji 2018.04.12 views: 230 评论:0

    jQuery在前端和服务器端进行数据交互,所以很容易会认为在前端利用jQuery就可以读取任何站点的数据了。近日在进行开发时,因为要和第三方公司的一个项目进行数据的共享,因为考虑多不占用服务器的资源,遂决定直接在html进行数据的读取,不走服务器端进行中转了。...

  • jQuery调用Webservice传递json数组

    Js&JQuery Posted by yinqiong 2018.04.11 views: 189 评论:0

    jQuery调用Webservice传递json数组的方法。分享给大家供大家参考,具体如下:jQuery由于提供的$.ajax强大方法,使得其调用webservice实现异步变得简单起来,可以在页面上传递Json字符串到Webservice中,Webservi...

  • 使用CSS和jQuery模拟select并附提交后取得数据

    Js&JQuery Posted by andy001 2018.04.10 views: 236 评论:0

    模拟select并带有提交后取得数据的代码。 HTMLCode<div id="dropdown"> <p>请选择城市</p> <ul> &l...

  • jQuery动态加载css文件

    Js&JQuery Posted by 天空 2018.04.10 views: 187 评论:0

    jQuery来加载一个外部的css文件,如在切换页面布局时。思路是创建一个link元素,并将它添加到标记中即可,下边首先看看怎么使用jQuery来实现。下边是我喜欢的写法:$("<link>").attr({ rel:...

  • jQuery判断键盘按键的操作

    Js&JQuery Posted by jiang 2018.04.09 views: 261 评论:0

    jQuery判断当前所按的按键方法就是用一个外部的数组保存当前按键。在触发keydown时,把keyCodepush到数组里,并删除重复元素;触发keyup时,用$.grep从数组中删除该keyCode。实现代码如下:当前按键:<span id...

  • jQuery的html(data)方法与&lt;script&gt;脚本块的解决方法

    Js&JQuery Posted by abc123 2018.04.09 views: 219 评论:0

    jQuery(...).html()方法返回的HTML会过滤掉所有的<script>块,但有时候,特别是在AJAX应用中,常常是需要保留HTML中的<script>块的,比如局部更新含脚本的内容,此时切忌不要用html()来读写HTML...

  • jQuery中的each()

    Js&JQuery Posted by shiji 2018.04.08 views: 282 评论:0

    jQuery和jQuery对象都实现了该方法,对于jQuery对象,只是把each方法简单的进行了委托:把jQuery对象作为第一个参数传递给jQuery的each方法。function(object,callback,args){//该方法有三个参数:进行操...

  • 玩玩jQuery实现三级下拉菜单特效

    Js&JQuery Posted by andy001 2018.04.08 views: 281 评论:0

    jQuery三级下拉菜单的具体实现代码,供大家参考,具体内容如下在写这个的时候,首先要捋顺思路。点一个菜单的时候,其他的要闭合,点一级菜单的时候,二三级菜单要闭合,等等。大致代码如下:<ulclass="one"><li&...

  • 学下jQuery选择器

    Js&JQuery Posted by 天空 2018.04.05 views: 492 评论:3

    jQuery选择器使得获得页面元素变得更加容易、更加灵活,从而大大减轻了开发人员的压力。如同盖楼一样,没有砖瓦,就盖不起楼房,得不到元素谈何其他各种操作呢?可见,jQuery选择器的重要性。jQuery选择器大方向可以分为这样:下面我们先来看看基本选择器总的C...

  • 使用jQuery加载html页面到指定的div

    Js&JQuery Posted by andy001 2018.04.05 views: 375 评论:0

    jQuery加载html页面到指定的div。一、jQuery加载一个html页面到指定的div里把a.html里面的某一部份的内容加载到b.html的一个div里。比如:加载a.html里面的<divid=“row"></div&g...

  • 普及下JS定义数组和一些操作方法

    JavaScript Posted by admin 2018.04.03 views: 488 评论:0

    jQuery数组操作在jQuery中处理JSON数组的情况中遍历用到的比较多,但是用添加移除这些好像不是太多。今天试过json[i].remove(),json.remove(i)之后都不行,看网页的DOM对象中好像JSON数据是以数组的形式出现的,查阅了下相...

  • 来个jQuery解析json格式数据实例

    Js&JQuery Posted by shiji 2018.04.03 views: 313 评论:0

    jQuery解析json格式数据的方法。分享给大家供大家参考,具体如下:<html><head><script type="text/javascript" src="/demo/...

  • 了解jQuery移动web开发的响应式布局设计

    HTML/CSS Posted by jiang 2018.04.02 views: 401 评论:0

    jQueryMobile框架和CSS3媒体查询来实现自己的响应式设计。对不同屏幕分辨率的反应方式。没有自定义样式,我们的电网将3列的布局在所有的屏幕宽度:在我们的自定义样式,我们希望此网格叠加在狭窄的宽度,然后切换到一个标准的3栏布局。在很宽的屏幕宽度,我们希...

  • Web前端之家新版上线倒计时

    互联网 Posted by admin 2018.04.02 views: 419 评论:0

    jQuery、sass、nodejs、webpack、ruby、grunt、glup、vue、react、angular,canvas、移动开发、页面性能优化等等。新版上线在即,Web前端之家提前开通微信公众号,大家可以关注下,实时推送最新文章,还在等什么呢,...

  • 实现一个具有连续计算功能的计算器

    Js&JQuery Posted by ceshi 2018.03.30 views: 433 评论:0

    jQuery计算器,只是实现了一个连续计算的功能,一起来看下吧,废话不多说,直接上源码。<!DOCTYPE html> <html> <head> <meta char...

  • 页面加载完成后再执行js的jQuery写法以及区别说明

    Js&JQuery Posted by andy001 2018.03.30 views: 411 评论:0

    jQuery写法以及区别说明$(function(){   $("#a").click(function(){     //adding your code here   });&...

  • 摸索下jQuery模板来展现json数据

    Js&JQuery Posted by shiji 2018.03.30 views: 419 评论:0

    jQuery模板来展现json数据,完整代码:$.fn.parseTemplate = function(data) { var str = (this).html(); var&...

  • 推荐一些顶尖响应式HTML5网页模板帮你快速完成网页设计

    HTML/CSS Posted by abc123 2018.03.29 views: 1029 评论:0

    jQuery网站特色:l 创意机构模板l 粘性的导航条l 谷歌地图l 社交媒体图标l 色彩斑斓的接口l 字体图标l 明亮的配色方案Boxus是一个充满创意和活力的免费HTML5软件公司和网页...

  • jQuery事件绑定机制on()的使用

    Js&JQuery Posted by 流泪的石头 2018.03.29 views: 398 评论:0

    jQuery的deprecated列表,发现live()和die()在里面了,赶紧看了一下,发现从jQuery1.7开始,jQuery引入了全新的事件绑定机制,on()和off()两个函数统一处理事件绑定。因为在此之前有bind(),live(),delega...

  • jQuery事件委托

    Js&JQuery Posted by 天空 2018.03.27 views: 395 评论:0

    jQuery中一种事件绑定的方式,不同于常见的事件绑定方式将事件绑定在目标元素上,而是将事件绑定在父级元素上通过事件冒泡来执行绑定函数。//常见的事件绑定(jQuery)$(element).click(function(){//do somethi...

  • 梳理下jQuery遍历each()方法的应用

    JavaScript Posted by admin 2018.03.27 views: 468 评论:0

    jQuery遍历each()方法,比较实用,比如遍历对象和数组,项目中经常会用到。今天下午总算有点自己的时间,闲余之时,突然想梳理下each()方法的基础知识,包括$.each和$(selector).each()的区别,一起来学习下吧!each()定义和用法...

  • 温习jQuery之toggle应用

    Js&JQuery Posted by jiang 2018.03.26 views: 301 评论:0

    jQuery之toggle应用,具体内容如下所示:$('.back_leftdt').toggle(function(){$(this).addClass("selected");$(this).siblings('...

  • jQuery中each()、find()和filter()等节点操作

    Js&JQuery Posted by andy001 2018.03.26 views: 436 评论:0

    jQuery中each()、find()和filter()等节点操作。1.each(callback)官方解释:返回值:jQuery概述以每一个匹配的元素作为上下文来执行一个函数。意味着,每次执行传递进来的函数时,函数中的this关键字都指向一个不同的DOM元...

  • jQuery实现点击某个div打开层,点击其他div关闭层实例分析(阻止冒泡)

    Js&JQuery Posted by andy001 2018.03.26 views: 371 评论:0

    jQuery鲁莽一点,直接的程序就写出来了$(function(){$('.click').click(functon(){$('.pop').show();});$('.page').click(functio...

  • 如何处理jQuery中多个元素的Hover事件

    Js&JQuery Posted by 流泪的石头 2018.03.23 views: 394 评论:0

    jQuery中多个元素的Hover事件。1.需求简介jQuery的hover事件只是针对单个HTML元素,例如:$('#login').hover(fun2, fun2);当鼠标进入#login元素时调用fun1函数,离开时则调用fu...

  • 基于jQuery实现的文字向上跑马灯

    Js&JQuery Posted by abc123 2018.03.23 views: 426 评论:0

    jQuery实现的文字向上跑马灯效果。<divclass="recordList"><ulclass="tpl-rotate-recordList"style="margin-top:0px;...

  • jQuery序列化表单以及回调函数

    Js&JQuery Posted by andy001 2018.03.23 views: 416 评论:0

    jQuery提供的表单序列化方法,可以很好的解决这个问题,同时可以封装成通用的函数,执行成功可以调用各自的回调函数,实现各自的功能。代码如下:functionqueryUserInfo(actionUrl,formId,fun){varparams=newOb...

  • 实现动态表格点击按钮表格增加一行

    Js&JQuery Posted by shiji 2018.03.23 views: 781 评论:0

    jQuery中定义一个count变量varcount=1;functionadd(){vartbl=document.all.ci;varrows=tbl.rows.length;vartr=tbl.insertRow(rows);vare_id=tr.ins...

  • jQuery Form表单取值的方法

    Js&JQuery Posted by 天空 2018.03.22 views: 461 评论:0

    之前js取form表单的值都是一个一个的取,数量一多之后容易出错而且烦透了。感谢那些愿意分享的人。页面定义form,并给form指定id值,里面的元素只要是需要键值对应的都赋予name属性,并且name值等于后台能识别的参数名。<formmethod=&...

  • 如何处理“JS中的冒泡事件”

    jQuery Posted by admin 2018.03.22 views: 772 评论:0

    jQuery代码如下:<script type="text/javascript">$(function(){  // 为span元素绑定click事件  $('...

  • 收集了一些jQuery Validate正则表达式实用验证代码

    Js&JQuery Posted by shiji 2018.03.22 views: 520 评论:0

    jQueryValidate正则表达式实用验证代码,收集了一些。手机号码验证以下为引用内容:jQuery.validator.addMethod("mobile",function(value,element){varlength=valu...

  • jQuery的属性选择符和自定义选择符

    Js&JQuery Posted by admin 2018.03.21 views: 545 评论:0

    jQuery的属性选择符和自定义选择符。例子:给链接中含用“wangorg"字符的链接文字加粗css:.abold{ font-weight:bold; }JS$('document').ready(functio...

最新留言

  • admin

    可以的,底部有申请连接的。...

  • BudgetVM优惠码

    朋友交换链接吗...

  • 问我

    我...

  • admin

    是的,很难,可以笔记下来,便于查阅。...

  • jermy

    ID选择器...

  • jermy

    学习学习。jQuery选择器感觉很难全部记忆下来。...

  • admin

    新版上线后,会恢复。...

  • 嗯嗯

    http://www.jiangweishan.com/tool.html这个页面下的代码辅助链接...

首页|JavaScript|HTML|HTML4|HTML5|CSS3|开发工具|性能优化|移动开发|前端教程|性能优化|开发工具|酷站欣赏|UI设计|前端教程

Copyright © 2013-2018 Web前端之家(www.jiangweishan.com) 版权所有 All Rights Reserved.
粤ICP备12067512号-1

Copyright Your WebSite.Some Rights Reserved.

Powered By Z-BlogPHP 1.5.1 Zero