jQuery实用Demo

1.点击隐藏/显示元素 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/demos.css" /> <script src="js/jqu…

JQuery AJAX Demo APP发展集团:347072638(HTML5,APP) 1.先看一个JQuery AJAX Demo HTML端: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www…

jQuery实用工具集

插件描述:jQuery实用工具集,该插件封装了常用功能,如序列化表单值获取地址栏参数window对象操作等此工具集包含判断浏览器,判断浏览终端,获取地址栏参数,获取随机数,数据校验等常用操作功能引入文件: <script type="text/javascript" src="jQuery-Util.js"></script> <script type="text/javascript" src="j…

jquery mobile demo

<!DOCTYPE html> <html> <head> <title>jQuery Mobile Demo</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=device-wid…

JQuery编程demo练习

JQuery练习demo: 编敲代码,实现: 1.选中当中一列的复选框时,该复选框所在行的背景色高亮显示(黄色). 2.取消选中复选框时,所在行的背景色恢复. ===================================答案================================= html代码: <title>无标题文档</title> <script type="text/javascript" src="j…

jquery选择器demo

大部分选择器都是基于下面这个简单的页面: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> div,span,p{ width: 140px; height: 140px; margin: 5px; background: #aaa; borde…

jQuery实用的语法总结

1.关于页面元素的引用通过jquery的$()引用元素包括通过id.class.元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法. 2.jQuery对象与dom对象的转换只有jquery对象才能使用jquery定义的方法.注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对象还是jquery对象. 普通的dom对象一般可以通过$()转换成jquery对象. 如:$(document.ge…

jquery Deferred demo

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="lib/jquery.js"></script> </head> <body> <div id="demo&quo…

JQuery实用技巧--学会你也是大神(1)——插件的制作技巧

前言 JRedu 学习之前,首先我们需要知道什么是JQuery? JQuery是一个优秀的javascript框架. JQuery是继Prototype之后又一个优秀的Javascript框架.其宗旨是--WRITE LESS,DO MORE,写更少的代码,做更多的事情.它是轻量级的js库,这是其它的js库所不及的,它兼容CSS3,还兼容各种常用浏览器. JQuery是一个快速的,简洁的JavaScript库,使用户能更方便地处理HTML documents.events.实现动画效果,…

JQuery实用技巧

1.关于页面元素的引用通过jquery的$()引用元素包括通过id.class.元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法. 2.jQuery对象与dom对象的转换只有jquery对象才能使用jquery定义的方法.注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对象还是 jquery对象.普通的dom对象一般可以通过$()转换成jquery对象.如:$(document.getEl…

Jquery实用代码片段（转）

1.把所有带有#的空链接换成不友情的链接 $('a[href="#"]').each(function() { $(this).attr('href', 'javascript:void(0)') }); 2.jQuery全选与取消全选插件 (function($){ $.fn.checkall = function(options){ var defaults = {chname:"checkname[]", callback:null}, options = $…

jQuery实用技巧必备

本文实例总结了经典且实用的jQuery代码开发技巧.分享给大家供大家参考.具体如下: 1. 禁止右键点击 $(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; }); }); 2. 隐藏搜索文本框文字 $(document).ready(function() { $("input.text1").val("Enter your s…

jQuery对于demo元素的上移、下移、删除操作等实现

今天给大家分享一个实用的jQuery技能:dom元素的操作:我们经常会去获取dom元素去实现交互效果,以及数据的操作. 首先复习一下jQuery DOM 元素方法: .get() 获得由选择器指定的Dom元素 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <script src=…

jQuery实用美化input 上传组建

下载插件 (5) 简要教程 jquery-filestyle是一款可以简单实用的表单文件上传域美化jQuery插件.该插件可以将表单的文件上传域转换为类似Bootstrap按钮组的样式.它提供了大量的data属性来控制文件上传域的样式,可以自定义按钮文本和图标等. 使用方法使用该表单文件上传域美化插件需要引入jquery,jquery-filestyle.min.css和jquery-filestyle.min.js文件. <link href="css/jquery-f…

jquery实用应用之jquery操作radio、checkbox、select

本文收集一些jquery的实用技巧,非常实用的哦,其中对radio.checkbox.select选中与取值的方法. 获取一组radio被选中项的值var item = $('input[@name=items][@checked]').val();获取select被选中项的文本var item = $("select[@name=items] option[@selected]").text();select下拉框的第二个元素为当前选中值$('#select_id')[0].sele…

jQuery实用工具函数

1. 什么是工具函数在jQuery中,工具函数是指直接依附于jQuery对象.针对jquery对象本身定义的说法,即全局性的函数,我们统称为工具函数,或Utilities函数.它们有一个明显的特征,一般情况下,采用如下的格式进行调用: $.函数名()或jquery.函数() 2.工具函数的分类根据工具函数处理对象的不同,可以将其分为下列几大类别:浏览器的检测.数组和对象的操作.字符串操作.测试操作.URL操作. 1)浏览器的检测在浏览器检测中,又可分为浏览器类型与特征的检测,前者获取浏览器…

jQuery MiniUI Demo

http://www.miniui.com/demo/#src=datagrid/datagrid.html…

jQuery实用小技巧-获取选中的的下拉框和返回头部滑动动画

//获取选中的下拉框 $('#someElement').find('option:selected'); $('#someElement option:selected'); //返回头部滑动动画 <script type="text/javascript">$(function () { jQuery.fn.scroll = function (speed) { var target = $(this).offset().top; $('html,body').stop…

jQuery hover demo

先放效果图: 百度云下载地址:http://pan.baidu.com/s/1dDpn1Sl 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"…

jquery formValidate demo 采用struts 异步方式检验用户名是否存在

1 login.jsp <%@taglib uri="/struts-tags" prefix="s"%><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 4.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head><m…

jQuery 选择器demo练习

<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"/> <title>品牌列表案例</title> <script src="js/jquery-2.1.1.min.js" rel="script"></script> <style> ul li{ li…

jquery实用的一些方法

做个购物车功能,需要修改下前端页面有些实用的方法总结一下当你想实现最基本的加减法的时候,对于转换number实用Number(str)即可首先明确下页面的每一行是动态的,这个时候绑定事件的时候不能根据id来绑定可以根据事件(this)来操作还有些实用的方法,对于后端人员而言 parent() find() each() 获取input这些value的时候使用val() 获取span的内容的时候可以使用html(); 后期继续补充 freemarker遍历 [#list books as…

jquery实用技巧之输入框提示语句

我们在编写网页的时候不可避免的会遇到输入框,那么怎么设计输入框才能更加优雅呢?不同的人会有不同的答案,下面分享一个比较不错的设计. 效果图细节这个效果主要是通过JQuery来实现,我的思路如下: 输入框获取鼠标焦点之前,显示原标签的value属性值:获取了鼠标焦点之后,如果当前value有值,那就清空,否则恢复:密码框特殊照顾,待会讲. 实现的代码如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 $("#address").focus(function(){ …

jQuery 小demo 热点排名

效果如下: 代码如下: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta http-equiv="X…

jQuery实用小技巧--输入框文字获取和失去焦点

<input id="txt" class="text1" type="text" /> <script src="js/jquery-1.7.1.min.js"></script> <script type="text/javascript"> $(function () { $("input.text1").val("输…

AFNetWork 简单实用demo

NSString *postUrl = @"http://www.huway.com/api_index?module=event&action=topads"; NSDictionary *parameters = @{@"PARAMETERS NAME 1" : @"PARAMETERS VALUE 1", @"PARAMETERS NAME 2" : @"PARAMETERS VALUE 2"…

MetaQ简单实用demo

Metaq的生产者代码 import java.io.BufferedReader; import java.io.InputStreamReader; import com.taobao.metamorphosis.Message; import com.taobao.metamorphosis.client.MessageSessionFactory; import com.taobao.metamorphosis.client.MetaClientConfig; import com.ta…