前端设计 | 夏日博客

JQuery判断radio是否选中，获取选中值例子

一个JQuery判断radio是否选中,获取选中值例子,没有什么特别要说的地方,大家拿下去直接使用即可. 其他对radio操作功能,以后在添加,直接上代码,下面可以直接运行. <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JQuery ...

2016年01月07日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

JQuery实现层的隐藏和显示的几种方法

基于jquery的显示与隐藏效果我们可以直接使用hide()与show()方法来实现，并且这两个方法可以带有缓存效果。通过hide()和show()方法来隐藏和显示HTML元素,代码如下: $("#hide").click(function(){ $("p").hide(); }); $("#show").click(function(){ $("p").show(); }); 可选的 speed ...

2016年01月07日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

jquery中页面Ajax方法$.load的功能

ajax的Ajax方法是很好用的，可以直接加载整个页面与可以设置post或者get方式传参数过去，下面来看个例子。 load语法: $(".selector").load("url", function(responseText, statusText, xmlhttprequest)); 可以做到加载一个页面的时候，如果发生错误，根据statusText给出的状态，显示对应的提示，这对用户来说非常重要。例子,load post,代码如下: <div id=btnAjaxPost>点击我</div>&nb...

2016年01月07日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

jquery自动给页面所有图片加链接

这个功能用得比较少，但有时也会用上，我们在上传图片没有连接了，但希望用户点击时加上指定连接，下面来看一个例子。 html与图片,代码如下: <script src='jquery-1.9.1.min.js'></script> <div id="replAll"> <img alt="" src="20140925101646722.png" /><br/> <img alt="" src="2014091909...

2016年01月07日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

jquery实现键盘监听程序代码

键盘监听主要利用一些事件来判断用户的按键然后进行一些对应的操作了，下面给大家整理了一个例子。例子,代码如下: <script src="jquery-1.11.0.min.js" type="text/javascript"></script> <script type="text/javascript"> //获取键盘ascII码;...

2016年01月07日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

jquery 表单下拉框(select)美化增加强版示例

下拉框美化我们会看到很多的实现方法，用到最多的是js来模仿select下拉框了，下面一聚小编来为各位介绍一下吧。在前几篇中有分享Jquery Select2的文章，Select2是一个基于jQuery的替代选择框。它支持搜索、远程数据集和无限滚动的结果。今天继续分享一下Select2的使用。 1、Select2绑定事件主要能用到事件有select数据绑定时、打开时、关闭时,代码如下: $("#selectsq").select2(); &nbs...

2016年01月07日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

jquery实现DIV水平和垂直居中代码

垂直居中是可以通过css与js来实现了，下面来看两代码实现DIV水平和垂直居中代码，希望能帮助到各位同学哦。经常有朋友问到有关DIV水平居中和垂直居中的问题，今天就把之前写过的一个jquery实现方法分享出来；记住，jquery.js不要引用2.0.0版本以上的，要引用1.10.1左右版本的，不然IE9以下不兼容；兼容各种浏览器： jquery方法,代码如下: //页面加载完就执行这个方法 $(function(){ ...

2016年01月07日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

几行代码jquery实现图片放大预览

一款效果很好的响应式图片放大浏览特效,引用文件：jquery.fancybox.css、jquery-1.8.2.min.js、jquery.fancybox.js (没有大家可以直接百度搜索下载),几行代码jquery实现图片放大预览,具体方法我已经整理成文件，可以预览查看效果，也可以直接下载浏览源码,代码如下: <!DOCTYPE html> <html> <head> <title>图片放大浏览</ti...

2016年01月07日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

怎么编写高效的jQuery代码

怎么编写高效的jQuery代码呢，对于新手可能不会去关注这个问题，对于像大型网站的前端开发者肯定会很注意这个问题，下面我们一起来看编写高效的jQuery代码一些方法总结。讨论jQuery和javascript性能的文章并不罕见。然而，本文我计划总结一些速度方面的技巧和我本人的一些建议，来提升你的jQuery和javascript代码。好的代码会带来速度的提升。快速渲染和响应意味着更好的用户体验。首先，跟大家推荐一下j...

2016年01月07日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

js和jquery获取图片真实的宽度和高度

下文给各位介绍js和jquery获取图片真实的宽度和高度的例子，希望对大家有帮助。 1、什么时候需要获取图片真实的宽度和高度在做pc网页的时候，有时候会考虑按照插入的图片的尺寸来判断图片是横图还是竖图。然后判断过后给予不同的展示方式！另外一种就是在手机页面上，在新闻页插入的图片往往都是按照图片的原尺寸来展示，如果手机屏幕太小，太大的图就会超出去！这时候有两种解决办法 1）给所有的图片加...

2016年01月07日前端设计评论 1 条喜欢 0 阅读 0 views 次阅读全文

jquery动态生成元素鼠标响应方法live()函数

在jquery中live() 方法为被选元素附加一个或多个事件处理程序，并规定当这些事件发生时运行的函数了，下文就来介绍在我们动态创建事件元素时再绑定live()方法，下文就一起来看看吧。最简单的方法,当点击按钮时,隐藏或显示 p 元素,代码如下: $("button").live("click",function(){ $("p").slideToggle(); }); jQuery在动态生成HTML元素后,如果该元素...

2016年01月07日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

jQuery固定浮动侧边栏(jQuery fixed Sidebar)

这个功能现在应用的非常普遍，如果页面比较高，当滚动条拖到页面的下面的时候，侧边栏会出现一个固定跟随浏览器的DIV框，现思路是这样的：首先获取需要跟随的DIV距离页面顶部的距离，然后判断，当浏览器滚动的距离大于该DIV本身距离顶部距离的时候，则添加CSS属性fixed即可。这个功能现在应用的非常普遍，如果页面比较高，当滚动条拖到页面的下面的时候，侧边栏会出现一个固定跟随浏览器的DIV框，现思路是...

2016年01月07日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

jquery操作select的各种方法

本文章主要是介绍jquery操作select的一些通用的例子，我们下面来为各位总结了一些jquery操作下拉框的一些例子，希望对各位有帮助。在工作中，有时候会遇到给select组件添加一些事件，前两天发表了一篇文章，《用jquery给select加选中事件》大致阐述了简单的jq操作select的方法，但是为了详细的介绍一下select，争取让大家把它吃透，也为了和脑残的IE作斗争，于是有了这篇文章的诞生。一、使用jquery获取s...

2016年01月07日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

解决jQuery库使用$ 与其他JS库试用$ 重复冲突问题

$符号是很多插件中会使用到的一个快速获取对象的一个方法了，有时我们一个页面会使用到几个库，那么就会碰到与jquery $符号冲突了，下面我们就冲突问题来看看解决办法。有时候需要同时使用jQuery和其它javascript，但是可能由于jquery和其他js都使用了$作为简写，会造成js重复冲突的情况，导致js报错，页面的js无法正常运行，要让jQuery和其它javascript库共存，有以下三种方法（均来自于官方网站）： 1....

2016年01月07日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

利用jquery给select加选中事件示例

给select增加样式我们只需要addClass与removeClass 给指定css增加样式就可以了，具体来看例子。 select在前端开发过程中很常用，现在我们要实现一个效果，那就是选中select中的某一项，执行事件，本来自己没怎么接触过这些，最后网上找了一些资料，自己研究了一下，把方法分享给大家，大家如果有需要的可以直接拿过去用，当然这个方法在脑残的IE里也是支持的。我就演示一个简单的效果吧利用jquery给selec...

2016年01月07日前端设计评论 1 条喜欢 0 阅读 0 views 次阅读全文

复制对象，扩展对象，实现jquery中的extend()方法

下面来看一篇复制对象，扩展对象，实现jquery中的extend()方法例子，希望这篇文章能帮助到大家。 jq的extend()方法能很方便的实现扩展对象方法，语法如下：$.extend(obj1,boj2,obj3); 现在要实现的是：原生js实现复制对象，扩展对象，类似jq中的extend()方法，具体实例如下：现有3个对象字面量,代码如下: var o1={hello:1,old:555}, o2 = { abc: 55555555...

2016年01月07日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

jquery读取jsonp数据示例

读取jsonp数据的方法有蛮多的，下面来为大家介绍一个利用jquery来读取jsonp数据，希望文章对大家有帮助。 jquery读取jsonp数据，下面以PHP作为jsonp的返回服务端页面，用jquery的$.getJSON获取jsonp数据示例PHP代码： $callback = $_GET["callback"]; $a = array( 'name'=>'...

2016年01月07日前端设计暂无评论喜欢 1 阅读 0 views 次阅读全文

JavaScript中文本框焦点时边框变色

文本框焦点时边框变色其实是最简单了我们可以实现onfous时给它设置border色就可以当离开时就取消边框色就可以了,下面看一些例子. JavaScript中文本框焦点时边框变色. 例子代码如下: function appendit() { var nodes = document.getElementsByTagName("...

2016年01月07日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

JQUERY实现点击INPUT使光标移动到最后或指定位置

下面本文章给大家简单介绍一下JQUERY实现点击INPUT使光标移动到最后或指定位置例子，希望对各位有帮助,你要知道面对一个处女座的需求者， focus()是远远不够的,比如说“我点进去的时候光标要在最后，这样我就不用再把光标移动到最后去添加东西了。”,oh，让我先撞下墙。我们需要扩展jQuery,代码如下: //光标放在最后 $("#文本框ID").textFocus();光标放在第二个字符后面 $("#文本框ID").text...

2016年01月07日前端设计暂无评论喜欢 7 阅读 0 views 次阅读全文

jquery设置input disabled属性的示例

disabled属性是input框的一个系统属性了，我们可以利用disabled属性来控制input是否无效，下面一起来看看吧。如何将设置disabled属性为true，即为不可用状态，分别用js、jquery与html实现。例子,代码如下: //JS document.getElementByIdx("btn").disabled=true; //jquery $("#btn").attr("disabled", true); //html <input ...

2016年01月07日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文