jquery | 夏日博客

jquery 文本框失去焦点获取当前文本框的值及隐藏域的值

下面来看一个简单的jquery 文本框失去焦点获取当前文本框的值及隐藏域的值例子，这个例子虽然用到不多但一般会用于ajax中下面来看一个简单例子．本人的js水平有些差劲，弄了一个文本框失去焦点并获取相应隐藏域的值就弄了3分钟，嗨..对于那些js、jquery 的大神们表示崇高的敬意。在此把实现的代码贴出来给不知道的codefans看一下，适用于循环列表，动态更改排列顺序，大神就飘过吧。 html代码 <scri...

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

jquery 实现删除文章提示是否删除

我们在做后台数据管理时删除数据都会有一个提示确认删除框，这个是友好提示并且也是防止用户不小心点击了删除按钮了，下面一起来看一个jquery 实现删除文章提示是否删除例子．为了更好的用户体验，当用户在删除文章的时候给出一个提醒的功能，提示他是否删除这篇文章。具体实现代码如下： html代码： <a link="{:U('Athlete/del/',array('uid'=>$vo['id']))}" href="javascript:void(0...

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

基于jQuery插件的页面功能介绍引导页示例

引导页是很多大公司在做出的产品或公司是我们初次进入都会有一个引导页告诉我们来如何操作了，下面小编来为各位介绍这个引导页实现方法．新产品上线或是改版升级，我们会在用户第一次使用产品时建立一个使用向导，引导用户如何使用产品，如使用演示的方式逐一介绍界面上的功能模块，从而提升了用户体验和产品的亲和力。之前也有相关文章介绍:《构建一个用于产品介绍的WEB应用》，相信对有需要的朋友有帮助...

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

jquery美化select自定义下拉框样式示例

美化select一直是美工们要做的一个工作了，系统自带的select对于现代的设置来讲是非常的难看了，下面小编来为各位介绍一个jquery美化select自定义下拉框样式示例 select默认的样式的确太丑了，不得不让web前端开发人员费工夫来美化它，在网上搜了一个美化的效果，看起来还不错，收集起来已被后用，需要的可以直接拿去。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 ...

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

AngularJS表单操作几个例子(表单提交,表单编辑默认值)

听同事讲AngularJS比jquery还要强大一些于时就开始了AngularJS学习工作，但在学习AngularJS中发现对于表单提交与表单默认值都不会搞，下面来看看几个关于AngularJS Form的案例吧。模仿着我要搞了个AngularJS Form，但是问题来了。。。。发现初始化时候ng-model 跟 input 标签里的 value 不默契，冲突。。后来想再AngularJS controller 里预先赋值 $scope.formData = {‘name':’张三’}; 可以通过php程序把...

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

总结jQuery中first-child、nth-child、last-child选择器用法实例

本文我们一起来讨论一下first-child、nth-child、last-child三个选择器的用法，他们的作用分别是匹配父元素的第一个子元素，匹配其父元素下的第N个子或奇偶元素，匹配父元素的最后一个子元素。 jQuery中:first-child选择器用法实例此选择器能够匹配父元素的第一个子元素。语法结构: $(":first-child") 此选择器一般也要和其他选择器配合使用，比如类选择器、元素选择器等等。例如: $("ul li:first-child"...

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

DOM对象和jQuery对象的转换与区别

本文我们来简单介绍一下jQuery，DOM对象及DOM对象和jQuery对象的转换与区别，希望对初学jQuery的朋友有所帮助。 jQuery介绍 DOM对象和jQuery对象的转换与区别 jQuery Hello World程序 <script type=“text/javascript” src=“xxx//jquery-x.y.z.js"> 引入jQuery.存在两个版本,jquery-x.y.z.min.js是精简压缩版,不带min的是开发版,代码中的注释和缩进等都被保留了. 注意路径...

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

jQuery表单验证插件jqBootstrapValidation使用示例

jqBootstrapValidation是一个bootstrap表单的jQuery验证插件了，与以往的验证插件有一些区别了，下面小编为各位介绍一下插件的用法。 jqBootstrapValidation是一个bootstrap框架样式表单的jQuery验证插件，他能够验证基本的表单字段类型，比如电子邮箱格式、纯数字、纯子母、字段是否为空等，依赖于bootstrap框架的表单样式和Jquery JavaScript框架查找和编辑HTML标签。 jqBootstrapValidation是一个bootst...

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

jquery使用each方法遍历元素的例子

遍历元素在jquery中会用到each方法了，如果各位对于这个方法不理解可以参考本文章的一些例子。 each()方法能使DOM循环结构简洁，不容易出错。each()函数封装了十分强大的遍历功能，使用也很方便，它可以遍历一维数组、多维数组、DOM, JSON 等等在javaScript开发过程中使用$each可以大大的减轻我们的工作量。下面提一下each的几种常用的用法 each处理一维数组,代码如下: var arr1 = [&n...

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

jquery自定义插件让你再牛B的说我会jQuery插件

自定义插件就是自己作jquery插件了，这个我们其实很容易做到的，因为自定义插件对于jquery来讲非常的简单它自带了extend方法，下面来看一些例子。一:导言有些WEB开发者，会引用一个JQuery类库，然后在网页上写一写$("#")，$(".")，写了几年就对别人说非常熟悉JQuery。我曾经也是这样的人，直到有一次公司里的技术交流，我才改变了自己对自己的看法。二:普及JQuery知识知识1:用JQuery写插件时，最核心的...

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

用jquery动态添加的元素事件失效如何解决

本文分享一个jquery问题的解决方法：就是用jquery动态添加的元素时，绑定事件后发现失效，后来用on方法解决脚本动态添加元素。今天在写JQUERY时遇到个问题：当使用脚本动态添加元素xxx时，但事件$(".x .y").click(function)...失效问题。刚开始网上找到了用live函数，方法如下：事件绑定：$(".x .y").click(function) 需改为： $(".x .y").live('click',function); 但是由于1.8版本后live这种方法不再支...

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

jQuery Mockjax插件模拟Ajax请求实例教程

jQuery Mockjax插件提供了简单并且极其灵活的接口来模拟Ajax的请求和回应，现在我们来简单讲一下jQuery Mockjax插件模拟Ajax请求实例在实际的开发过程中，前端后台协商好了统一的接口,就各自开始自己的任务了,这时候我有这么一个 Ajax 请求需要从后台获取数据,代码如下: $.ajax({ url: '/products/' }).done(function(res) { $...

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

jquery网页下雪特效插件实例

年底为了体现过年的气氛，很多网页会做各种喜气的特效，现在我们来学习一下jquery网页下雪特效插件，这样你的网页也可以有冬天的年味了。又到了年底，从圣诞节开始，可以发现各大网站的活动是越来越多，都变的银装素裹，本人由于业务需求也需要做这么一个效果，所以就通过google大神找了一下相关资源，结果就出现了N种雪花效果的方式。种类繁多，最后找到了本文看到的这种效果，原作者写的可以说已经满足...

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

Uploadify异步上传的配置教程

今天公司使用到了Uploadify插件来上传图片了，下面小编来为各位介绍这个Uploadify例子吧，希望可以帮助到各位。 1.官网：http://www.uploadify.com/ 2.可能是uploadify的bug 如果不设置button_image_url会发送一次url请求！代码如下: <style type="text/css"> .uploadify-button { b...

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

jquery实现QQ空间自动点赞代码

QQ空间自动点赞代码是小编找了很久的一段代码了，因为有不少的朋友求赞功能了，下面整理了两段代码供各位参考，代码是一部份最后还是要处理好才有用。 QQ空间点赞…取消点赞好友动态点赞代码,代码如下: jQuery("a.qz_like_btn_v3[data-clicklog='like']").each(function(index,item){ console.log(item); jQuery(item).trigger('click'); }); jQuery(w...

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

总结jquery中的六种Ajax数据交互应用

以下是本人总结的六种jquery与后台做数据交互的方法，最底层的还是ajax，不过本人比较喜欢轻量的json数据格式传输交互。 jquery中的几种ajax请求，包括最底层的方法$.ajax()，第二层的load()、$.post()、$.ajax()，第三层的$.getJSON()、$.getScript(),代码如下: <script type="text/javascript"> //jquery中的几种ajax请求 function ajaxRequest(){ &nbs...

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

jquery中AJAX提交from表单的例子

对于jquery来讲要利用ajax提交表单其实有很多的方法，下面小编来为各位整理一个简单的测例子供各位参考，有需要的进入看看。这里主要是jquery实现ajax提交form表单的方法,需要的朋友可以过来参考下,代码如下: //添加 $(".BaseWorkSaveAdd").click(function (e) { $.ajax({ type: 'POST', url: "/TalentR...

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

jquery如何判断一个元素是否存在

jquery如何判断一个元素是否存在？有朋友会说直接使用js getElementById来判断了，其实这个是可以但如果使用jquery会稍有点区别，下面一起来看看。 php判断一个变量存不存在可以用isset($var)判断，而jquery中如何判断一个元素是否存在呢？比如一个id选择器，如果用if($(“#id”))，那就错了。正确的方法如下：错误写法,代码如下: if ($("#someID")){ $("#someID").text("h...

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

jQuery中noConflict解决冲突问题

javascript库使用 $ 作为一个函数或者变量名，正如jquery做的一样。在jQuery下 $只是jQuery的一个别名，所以不使用 $所有功能都是有效的。如果我们需要同时使用jQuery和其他javascript库，我们可以使用 $.noConflict()把 $的控制权交给其他库。旧引用的$ 被保存在jQuery的初始化; noConflict() 简单的恢复它们 noConflict方法可以处理一些标记占用的冲突问题（这是目前我觉得的实用的用途） jQuery.noConfl...

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

jQuery与DOM对象的互相转换的例子

对于这个jQuery与DOM对象的互相转换我想大家估计也了解一点了，下文整理了不少的关于jQuery与DOM对象的互相转换的例子供各位学习参考。 jQuery方法提供两种方法将一个jQuery对象转换为DOM对象比如代码如下: var $cr = $('#cr'); var cr = $cr[0]; // var cr = $cr.get(0); 这两种方法都能把jQuery对象转换...

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