JQUERY - 技术教程文章
解决jquery mobile的遇到高版本Chrome一直转圈，页面加载不出来的情况。【图】
把这么一段代码，加到jquery.mobile.js中后问题解决了。$(document).on(‘mobileinit‘,function(){ $.mobile.changePage.defaults.changeHash = false; $.mobile.hashListeningEnabled = false; $.mobile.pushStateEnabled = false;});如图：原文：http://www.cnblogs.com/MrZouJian/p/5416230.html
jQuery文本值相关操作【代码】【图】
html：给div设置值和获取值，会解析html标签text：给div设置值和获取值，不会解析html标签val：获取input里的值代码如下<html><head> <title></title> </head><style>div{width:100px;height:100px;background:red;margin-bottom:40px;}</style><script src="http://code.jquery.com/jquery-latest.js"></script><script>$(function(){$(‘.cHtml‘).html(‘<p>我是学生</p>‘) //会把p标签给解析出来，然后我是学生内容添加到div...
jQuery之导航动效【代码】
导航动效示例：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>导航动效</title><style type="text/css">* {margin: 0;padding: 0;word-wrap: break-word;word-break: break-all;}body {background: #FFF;color: #333;font: 12px/1.6em Helvetica, Arial, sans-serif;}a {color: #0287CA;text-decoration: none;}a:hover {text-decoration: underline;}ul, li {list-style: none;}img {border: none;}h1, h2,...
跟我一起学JQuery插件开发【代码】【图】
http://www.cnblogs.com/Leo_wl/archive/2012/04/06/2435511.html 以前一直比较好奇，jquery插件是怎么开发的，怎么写属于自己的插件？昨天在逛codeproject网站的时候，突然看到一篇文章：How to write plugin in Jquery.如果对E文好的同学 ，可以看上面的连接。现在我把上面网站的及结合自己的想法写这篇文章。希望能得到大牛们的支持和谅解。。。大鸟飞过。。。欢迎拍装。资料来源：【1】How to write plugin in Jquery.【2】锋...
Jquery在线引用地址
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"type="text/javascript"></script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"type="text/javascript"></script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"type="text/javascript"></script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery....
jQuery测验题
1.在div元素中,包含了一个<span>元素,通过has选择器获取<div>元素中的<span>元素的语法是? 提示使用has() $(“div:has(span)”) 2.在<ul>元素中,添加了多个<li>元素,通过jquery选择器获取最后一个<li>元素的方法是? $(“ul li:last”) 3.在页面中有三个<div>元素,采用jQuery中的链式写法,隐藏第二个<div>元素,代码是？ 提示使用hide() $(function(){ $(“div:eq...
jQuery常用的正则表达式【代码】【图】
<!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Test</title> <script type="text/javascript" language="javascript" src="jquery.js"></script> <script type="text/javascript" language="javasc...
jQuery文档操作【代码】
jQuery文档操作1.jq文档结构var $sup = $(‘.sup‘);$sup.children(); // sup所有的子级们$sup.parent(); // sup的父级(一个，parents为全部父级)$sup.prev(); // sup的上兄弟$sup.next(); // sup的下兄弟$sup.siblings(); // sup的兄弟们2.文档操作操作步骤// 1.创建页面元素var $box = $(‘<div class = "box"></div>‘)// 2.设置页面属性$box.text(‘text content‘); // 给...
(转载)无缝滚动图片的js和jquery两种写法【代码】【图】
<!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"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"/><script language="JavaScript" type="text/javascript" src="js/jquery-1.4.2.js"></script><title>无缝滚动图片js和jquery</title><style> *{ margin:0; padding:0;} .wra...
jquery 事件绑定处理方式【代码】
jquery 事件绑定的几种方式 ，click， blind,live,<SPAN style=‘font: 12px/18px "Microsoft YaHei", Verdana, Arial, Helvetica, sans-serif; text-align: left; color: rgb(0, 0, 0); text-transform: none; text-indent: 0px; letter-spacing: normal; word-spacing: 0px; float: none; display: inline !important; white-space: normal; font-size-adjust: none; font-stretch: normal; background-color: rgb(255, 255, 25...
jquery操作select
用jquery操作select时经常要查文档，遂记录备用。jQuery获取Select选择的Text和Value: 语法解释： 1. $("#select_id").change(function(){//code...}); //为Select添加事件，当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 3. var checkValue=$("#select_id").val(); //获取Select选择的Value 4. var checkIndex=$("#select_id ").get(0).selectedIndex; //获取S...
JQuery事件冒泡【代码】
1. 什么叫事件冒泡？ Jquery中的事件会按照DOM的层次结构像水泡一样不断向上直至顶端 《锋利的Jquery》中给出的例子如下： 1<!DOCTYPE html> 2<head></head> 3<body> 4<div id="content"> 5 outer div element6<span>inner div elements</span> 7 outer div elements 8</div> 9<div id="msg"></div>10<script type="text/javascript">11 $(function(){ 12 $(‘span‘).bind("click",fun...
JQuery checkbox check/uncheck【代码】
想通过JQuery来check或者uncheck页面上的checkbox控件，我们可能会想到用下面的代码：$(‘#chk-all‘).on(‘click‘, function(){var checked = $(this).is(‘:checked‘);$("input[type=‘checkbox‘][name=‘chk-att‘]").attr(‘checked‘, checked); }); chk-all是一个checkbox控件，我们想通过点击它来实现全选或取消全选的功能。在onclick事件中，首先通过$(this).is(‘:checked‘)来获取该checkbox当前的选中状态，然后将...
使用jquery实现的自适应导航【代码】
话不多说，直接晒代码 1<div class="headering"> 2<div class="header-top"> 3<div class="btn-header"> 4<a href="#">网站logo</a> 5<button id="btn"> 6<span></span> 7<span></span> 8<span></span> 9</button>10</div>11<div class="nav-tab">12<div class="nav">13<ul>14<li><a href="#">首页</a></li>15<li><a href="#">公司简介</a></li>16<li><a href="#">新闻中心</a></li>17<li><a href="#">产品展示</a></li>18<li><a ...
利用JQUERY操作Radio
在开发中经常会用到Radio来实现用户的选择效果，我在项目中积累了一些利用JQUERY来操作Radio的方法，在这里分享一下，供有需要的朋友借鉴。1、改变radio的选择，触发一些效果 $("input:radio[name=‘dialCheckResult‘]").change(function (){ //拨通 alert(“123”); });2、让页面中所有的radio可用。 $("input:radio").attr("disabled",false);3、让页面中所有的radio不可用...
夺命雷公狗jquery---3普通选择器【代码】
<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><script src="js/jquery.js"></script><script>window.onload =function(){document.getElementById(‘btnok‘).onclick =function(){//1.匹配第一个单元格//$(‘td:first‘).html(‘test‘);//2.匹配最后一个单元格//$(‘td:last‘).html(‘test‘);//3.通过odd和even实现隔行变色//$(‘td:odd‘).css(‘backgroundColor‘,‘red‘);//4.匹配索引为5的单元格//$...
jQuery-对Radio/CheckBox的操作集合【图】
jQuery获取Radio选择的Value值代码 $("input[name=‘radio_name‘][checked]").val(); //选择被选中Radio的Value值 $("#text_id").focus(function(){//code...}); //事件 当对象text_id获取焦点时触发 $("#text_id").blur(function(){//code...}); //事件 当对象text_id失去焦点时触发 $("#text_id").select(); //使文本框的Vlaue值成选中状态$("input[name=‘radio_name‘][value=‘要选中Radio的Value值‘"). ...
普通Jquery的ajax判断重复和formvalidator的ajaxValidator区别
示例：1.ajax版: $("#txtTitle").blur(function () { $.ajax({ type: "GET", url: "Handler.ashx?NewsAdd=1&txtName=" + encodeURIComponent($(this).val()) + "", data: null, success: function (msg) { if (msg != "") { flag = false; ...
【JavaWeb】jQuery对Ajax的支持【代码】
jQuery对Ajax的支持jQuery对Ajax进行封装，提供了$.ajax()方法语法：$.ajax(options)常用设置项说明url发送请求地址type请求类型get|postdata向服务器传递的参数dataType服务器响应的数据类型text|json|xml|html|jsonp|scriptsuccess接收响应时的处理函数error请求失败时的处理函数实例代码MusicServlet.javapackage demo;import java.io.IOException; import java.util.ArrayList; import java.util.List;import javax.servlet.Se...
jQuery绑定动态元素的点击事件无效【代码】
之前就一直受这个问题的困扰，在写ajax加载数据的时候发现，后面追加进来的demo节点元素，失去了之前的点击事件。为什么点击事件失效，我们该怎么去解决呢?那么，我们通过下面的示例简单说明。示例如下：<div><ul ><li>Kubernetes：下一代分布式系统的护戒使者</li><li>机器学习工具--Pandas cheat sheet</li><li>Android 8.0 正式版即将发布 谷歌还要建超人模型</li>...//li是动态生成</ul> </div><script type="text/javascript"...
jQuery 滑动菜单效果
<!doctype html><html lang="en"><head><meta charset="UTF-8"><title>Document</title></head> <style>*{padding:0;margin:0;}ul,li{list-style:none;}.nav{height:30px;background:rgba(224,0,0,.5) !important;}.nav li{float:left;padding:0px 20px;line-height:30px;height:30px;cursor:pointer;}.nav li a{color:#fff;text-decoration:none;display: block;}.nav li:hover{ background:red;}.box{position:relative;}.act...
JQuery实现复制到剪贴板功能【代码】
在网页中实现复制到剪贴板功能，有两种方法， 第1种方法：使用JavaScript自带的方法，但是这种方法只能在IE下使用。 document.execCommand("Copy"); // 执行浏览器复制命令 alert("已复制好，可贴粘。"); 或者 window.clipboardData.setData("Text","要复制的内容"); alert("已复制好，可贴粘。");第2种方法：使用Jquery.ZeroClipboard组件，这种方法通过内嵌flash来实现的，可以兼容当前流行的各种浏览器。 我们今天主要讲解第2种...
Jquery（20）JQgrid处理json数据【代码】【图】
jqGrid 实例中文版网址：http://blog.mn886.net/jqGrid/国外官网：http://www.trirand.com/blog/jqgrid/jqgrid.htmlhttp://free-jqgrid.github.io/http://www.guriddo.net/demo/guriddojs/http://www.trirand.com/jqgridwiki/doku.php?id=wiki:jqgriddocshttp://www.guriddo.net/documentation/guriddo/javascript/jqGrid是Trirand软件开发公司的Tony Tomov开发的一个方便人们开发使用的web组件，它包含了许多免费和开源的库如：jQ...
jQueryEasyUI Messager基本使用【图】
1、$.messager.alert(title, msg, icon, fn)1>、基本用法代码：<html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title>消息提示框</title> <link href="/jquery-easyui-1.2.4/themes/default/easyui.css" rel="stylesheet" type="text/css" /> <link href="/jquery-easyui-1.2.4/themes/icon.css" rel="stylesheet" type="text/css" /> <script src="/jquery-easyui-1.2.4/jquery-1.6.4.min.js" t...
JQuery【代码】
JQuery 实例:多选/复选<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title><script src="JQuery-1.12.4.js"></script> </head> <body><input type="button" value="all" onclick="chooseAll()"><input type="button" value="noAll" onclick="chooseNo()"><input type="button" value="reverseAll" onclick="reverseAll()"><table border="1"><thead><tr><th>checked</th><th>ip</th><th>port</th...
jquery给元素添加样式表的方法
//1、获取和设置样式$("#tow").attr("class")获取ID为tow的class属性$("#two").attr("class","divClass")设置Id为two的class属性。//2、追加样式$("#two").addClass("divClass2")为ID为two的对象追加样式divClass2//3、移除样式$("#two").removeClass("divClass")移除 ID为two的对象的class名为divClass的样式。$(#two).removeClass("divClass divClass2")移除多个样式。//4、切换类名$("#two").toggleClass("anotherClass") //重复...
jQuery获取循环中的选中单选按钮radio的值【代码】
1.<input type="radio" name="testradio" value="jquery获取radio的值" />jquery获取radio的值2.<input type="radio" name="testradio" value="jquery获取checkbox的值" />jquery获取checkbox的值3.<input type="radio" name="testradio" value="jquery获取select的值" />jquery获取select的值要想获取某个radio的值有以下的几种方法,直接给出代码：1.$(‘input[name="testradio"]:checked‘).val();2、1.$(‘input:radio:checked‘...
使用JQuery操作DOM【代码】【图】
htmlxhtmlxml1.DOM操作DOM操作分为三类：DOM Core：任何一种支持DOM的编程语言都可以使用它，如getElementById()HTML-DOM：用于处理HTML文档，如document.formsCSS-DOM：用于操作CSS，如element.style.color="green"提示：JavaScript用于对(x)html文档进行操作，它对这三类DOM操作都提供了支持2.jQuery中的DOM操作jQuery对JavaScript中的DOM操作进行了封装样式操作内容及Value值操作节点操作节点属性操作节点遍历CSS-DOM操作使用jq...
jQuery Plugin Poshy Tip 使用
项目到了后期，发现前端的提示信息不统一，解决思路如下：1.回顾系统中tip出现的场景：表单验证提示信息、数据列表中随填随显2.确定问题域：多条提示信息层叠、信息显示风格不统一3.结论：找出一款合适的tip插件进行整合快速的响应项目的需要google关键词：jquery tooltip，检索了好多tip插件，最终选择了Poshy Tip,理由如下：1.多种不同的外观。2.同时可以作为 Form Tooltips使用3.可以自定义气泡出现的位置原文：http://iicoo.bl...
jQuery基础知识(持续更新)【代码】
jQuery 语法是为 HTML 元素的选取编制的，可以对元素执行某些操作。基础语法是：$(selector).action()美元符号定义 jQuery选择符（selector）“查询”和“查找” HTML 元素jQuery 的 action() 执行对元素的操作这是为了防止文档在完全加载（就绪）之前运行 jQuery 代码。$(document).ready(function(){}) 这里经常使用的是jQuery的嵌套$(selector).action(function{$(selector).action();})//function函数内又可以执行操作 jQuery ...