JQUERY - 技术教程文章
JQuery的核心的一些方法[扒来的]
JQuery的核心的一些方法 each(callback) ‘就像循环 $("Element").length; ‘元素的个数，是个属性 $("Element").size(); ‘也是元素的个数，不过带括号是个方法 $("Element").get(); ‘某个元素在页面中的集合，以数组的形式存储 $("Element").get(index); ‘功能和上面的相同，index表示第几个元素，数组的下标 $("Element").get().reverse(); ‘把得到的数组方向 $("Element1").index($("Element2")); ‘元素2在元素1中的索引值...
jquery 实现 点击按钮后倒计时效果，多用于实现发送手机验证码【代码】
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 3<html xmlns="http://www.w3.org/1999/xhtml"> 4<head> 5<title></title> 6<script src="HTML/js/jquery-1.4.1.min.js" type="text/javascript"></script> 7<script type="text/javascript"> 8 9/*-------------------------------------------*/10var InterValObj; //timer变量，控制时间11var ...
在Chrome调试器中引入jQuery【代码】
在Console中输入以下代码并回车，Console显示"function (a,b){return new m.fn.init(a,b)}"说明导入成功，就可以在Console中直接执行jQuery函数了。var jq = document.createElement(‘script‘); jq.src = ‘http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js‘; document.getElementsByTagName(‘head‘)[0].appendChild(jq); jQuery.noConflict(); 原文：http://www.cnblogs.com/tevic/p/4037237.html
jQueryMobile的按钮样式【代码】【图】
好吧，已经学了jQueryMobile一年了，今天心血来潮，想要写一篇关于jQueryMobile的博客文章，记得去年暑假在公司实习jQueryMobile，想一想真是怀念当时还是菜鸟的自己，年轻就是任性呀（笑~），好了，关于jQueryMobile方面的概念知识，大家可以去网上查阅相关资料，今天我写了一些jQueryMobile的按钮样式，还是比较漂亮的，代码如下：<!DOCTYPE html><html><head lang="en"><meta http-equiv="content-type" content="text/html;cha...
Jquery Ajax二次封装（部分转载）
/*ajax调用扩展 */$.extend($,{ ajaxGetJson:function(url,data,callback) { $.ajax({ url:url, data:data, datatype:"json", method:"get", contentType: "application/json", beforeSend:function(){ //myLoad();//打开加载层 }, complete:function(data){ //closeLoad();//关闭加载层 ...
06_jQuery_内容过滤【代码】【图】
HTML代码：<div>John Resig</div><div>gggg resig</div><div>Malcom John sinclai</div><div>J.ohn</div>jQuery代码： $(function(){$("div:contains(‘John‘)").css("text-decoration","underline");//div中包含John的文本，为其增加下划线})效果： HTML代码：<table border="1"><tr><td>TD #0</td><td></td></tr><tr><td>TD #2</td><td></td></tr><tr><td></td><td>TD #5</td></tr></table>jQuery代码：$(function(){$(...
jQuery.parseHTML() 函数【代码】【图】
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title></title><script type="text/javascript" src="app/js/jquery-2.1.4.js"></script><script type="text/javascript">$(function() {var str = ‘<li>1</li><li>2</li><li>3</li><li>4</li><script type="text/javascript">console.log("执行脚本代码完成");<\/script>‘;var arr0 = jQuery.parseHTML(str, true);var arr1 = jQuery.parseHTML(str);console.log(arr0);con...
JQuery 字符串转时间格式
//字符串转时间格式 function getDate(strDate) { var date = eval(‘new Date(‘ + strDate.replace(/\d+(?=-[^-]+$)/, function (a) { return parseInt(a, 10) - 1; }).match(/\d+/g) + ‘)‘); return date; } 原文：http://www.cnblogs.com/jyb2014/p/4016043.html
JQuery选择器——层级选择器
JQuery层级选择器1 全选择器 $("*") 又名*选择器，在JQuery中选择文档页面中的元素，通配符*给所有元素设置默认边距2 在.getElementsByTagName()传递*可以获取所有元素3 getElementById的兼容性 getElementById的参数在IE8及较低的版本中不区分大小写 IE8及较低的版本，浏览器不支持getElementByClassName IE会将注释节点实现为元素，在IE中调用getElementByTagName会包含注释节点 IE7及较低的版本中和表...
jquery中DOM的操作方法【代码】【图】
先介绍几个比较简单的方法，不经常用到，做个记录1. filter() 方法顾名思义，filter是一个过滤器，如果给定表示 DOM 元素集合的 jQuery 对象，.filter() 方法会用匹配元素的子集构造一个新的 jQuery 对象。所使用的选择器会测试每个元素；所有匹配该选择器的元素都会包含在结果中。 1<!DOCTYPE html> 2<html> 3<head> 4<style> 5 div { width:60px; height:60px; 6 margin:5px; float:left; 7 border:2px white sol...
Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结
本文对Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法进行了详细的总结，需要的朋友可以参考下，希望对大家有所帮助。详细解读Jquery各Ajax函数： $.get(),$.post(),$.ajax(),$.getJSON()一，$.get(url,[data],[callback])说明：url为请求地址，data为请求数据的列表，callback为请求成功后的回调函数，该函数接受两个参数，第一个为服务器返回的数据，第二个参数为服务器的状态，是可选参数。而其中，服务器返回数据的格式...
使用jquery实现HTML5响应式导航菜单教程【代码】【图】
通过jquery+html5实现，当浏览器窗口缩小或者手机访问的时候，导航菜单变成按钮下拉式菜单。效果图：HTML代码：复制代码代码如下:<nav id="nav-wrap"> <ul id="nav"> <li><a href="#">Button</a></li> <li><a href="#">Button</a></li> </ul></nav>jQuery代码：通过以下jquery代码，会把<div id="menu-icon">添加到<nav id="nav_wrap">中，当点击 #menu-icon 时，菜单就会显示出来：复制代码代码如下:<script type="text/javascr...
web前端 -- jQuery简介【代码】【图】
1. 什么是jQuery？官方网站是这样说的：jQuery 是快速、小型、且功能丰富的 JavaScript 库。像这样遍历 HTML 文档操作、事件处理、动画、Ajax 和更简单的易于使用的 API ，它在众多不同的浏览器。带有组合的通用性和可扩展性， jQuery已经改变了数百万人编写 JavaScript 。2. 下载jQuery1）进入jQuery官网：https://jquery.com/ 2）点击download，进入这样一个页面：3）我们把这两个文件下载下来拷贝到项目路径下就能进行jQuery开发...
jquery的一些常用方法【代码】
1 $("#id").addClass().eq().append()2 $("p:first") // 第一个p元素addClass():向p元素添加一个类eq():eq()选择器，例：$("p:eq(1)") 第二个p元素append():在p元素结尾插入内容原文：https://www.cnblogs.com/qq2806933146xiaobai/p/14989360.html
模态框获取内容jQuery【代码】【图】
1 <!DOCTYPE html>2 <html lang="en">3 <head>4 <meta charset="UTF-8">5 <title>Title</title>6 <style>7 .hide{8 display: none;9 }10 .modal{11 position: fixed;12 top: 50%;13 left: 50%;14 width: 500px;15 height: 400px;16 margin-left: -250px;17 margin-top: -250px;18 bac...
jQuery计算文本宽度和input标签根据输入字符动态自适应宽度的实现【代码】
jQuery计算文本宽度的原理是利用html提供的<pre>标签，向dom中动态添加<pre>标签，标签里的内容就是要测试长度的文本，获取完长度之后再删除刚才添加的<pre>标签，从而可取到文本的大概长度了。为什么要用标签而不用其他标签呢，那来看看<pre>标签的特性吧：pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符;而文本也会呈现为等宽字体。 <pre>标签的一个常见应用就是用来表示计算机的源代码。需要注...
***Jquery下Ajax与PHP数据交换【代码】
一、前台传递字符串变量，后台返回字符串变量（非json格式） Javascript代码： 这里，为了解决Ajax数据传递出现的汉字乱码，在字符串传递之前，使用javascript函数escape()对汉字字符串进行了编码，并且对返回的字符串使用unescape()函数进行解码，使得汉字得以正常显示。当然了，后台PHP代码也添加了头文件，以保证汉字字符串不会出现乱码。各种后台代码解决汉字乱码问题的方式如下： PHP:header(‘Content-Type:text/ht...
jQuery源码框架思路【代码】
开始计划时间读源码，第一节jQuery框架阅读思路整理(function(){jQuery = function(){}; jQuery一些变量和函数和给jQuery对象添加一些方法和属性extend : jQuery的继承方法的实现jQuery.extend() : 使用jQuery扩展一些工具方法Sizzle : jQuery自身实现的复杂选择器 Callbacks : 回调函数Deferred : 延迟对象（异步）support : 功能检测（嗅探）data() : 数据缓存queue() : 队列方法主要用于执行顺序管理 attr() prop() val() addCl...
【用jQuery来判断浏览器的类型】及【javascript获取用户ip地址】【代码】【图】
$.browser.[‘浏览器关键字‘]//谷歌浏览器、360浏览器等其他一些浏览器，没有专门的判断 function appInfo() {var bro = $.browser;var binfo = "";if (bro.msie) {binfo = "Microsoft Internet Explorer " + bro.version; // bro.version 获得的是浏览器版本}else if (bro.mozilla) {binfo = "Mozilla Firefox " + bro.version;}else if (bro.safari) {binfo = "Apple Safari " + bro.version;}else if (bro.opera) {binfo =...
jQuery初始化
$(function() {})和$(document).ready(function() {});一样，只要DOM节点加载完就执行函数，注意：只是DOM节点，并不代表节点里的内容；而$(window).load(function() {})是等网页上的资源包括节点里的内容都加载完时才执行函数，例如等所有的图片加载完才执行原文：http://www.cnblogs.com/cndxk/p/4602824.html
用同步的方式执行jQuery异步动画【代码】
在编写jQuery动画时，通过回调函数进行动画队列的编排，但当回调过多，往往会出现这样的代码：1 $(".box1").fadeIn(1000,function(){ 2 $(".box2").fadeIn(1000,function(){ 3 $(".box3").hide(1000,function(){ 4// todo xxx5 }) 6 }) 7 }) 那么是否可以将这种层次的回调以链式的写法完成呢？ 如：f(fn1).f(fn2).f(fn3)... 表示fn1执行完成后fn2，fn2执行完成后执行fn3，... 下面逐步介绍实现方...
前端-高潮 jQuery【代码】
jQuery：就是让页面动起来参考手册：http://jquery.cuishifeng.cn/ DOM/BOM/javaScript 继承的类库 《---》模块 一、查找元素 二、操作元素 三、实例一、jQuery的导入版本：1.x 2.x 3.x 推荐使用1.x版本（兼容浏览器低版本）1<script src="jquery-1.12.4.js"></script>2<scirpt>3 $. 或 jquery.来调用方法4</script>jquery与dom相互转换： jquery对象【0】 --》 dom对象 dom对象 --> $(do...
简述什么是ajax、javascript、json、Jquery?
什么是Javascript?基于对象、解释型、事件驱动、脚本语言、封装在<script>标签中使用、弱类型、与浏览器交互执行 什么 是Ajax?ajax是一种编程模式、在客户端与服务器进行异步通信时，动态的进行局部刷新，获取服务端的数据 什么是Json?Json是JS对象标记,是一种轻量级的数据交换技术，本质上就是用Js书写的具有特殊格式的字符片段 什么是Jquery?JQuery是第三方开源组织对js进行部分封装款主流浏览器的的实用库，我们只要按照JQuery的...
jQuery文件上传插件jQuery Upload File 有上传进度条【代码】
jQuery文件上传插件jQuery Upload File 有上传进度条2015年05月15日 jQuery文件上传插件jQuery Upload File，插件使用简单，支持单文件和多文件上传，支持文件拖拽上传，有进度条显示。标准HTML form文件上传，也就是说，只要服务端支持接收multipart/form-data格式数据就能使用此上传插件。本站web端文件文件提交即使用此插件，效果如下： 浏览器支持浏览器支持：IE 8.0,IE 9.0,IE 10.0,Firefox,Safari,Opera,Chrome支持文件拖拽上...
通过jquery.cookie.js实现记住用户名、密码登录功能
<!doctype html> <htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <metahttp-equiv="Content-Type"content="text/html; charset=utf-8" /> <title>无标题文档</title> <scriptsrc="jquery-1.8.3.min.js"></script> <scriptsrc="jquery.cookie.js"></script> <scriptsrc="jquery.base64.js"></script> <scriptlanguage="javascript"type="text/javascript"> functionsetCookie(){ //设置cookie var loginCode = $("#login_co...
jquery selector 2【图】
基本选择器： 属性过滤选择器： 层次选择器： 过滤选择器： 内容过滤选择器 可见性过滤选择器： 子元素过滤选择器： 表单对象属性选择器 原文：http://www.cnblogs.com/ordili/p/7224503.html
Jquery的基本使用方式
页面中引入Jquery文件首先调用jQuery中的核心函数,函数的名就是jquery,在此函数的参数中传递匿名函数,这个匿名函数将在页面加载完成后执行,同时函数名jquery可以简写为$.同时$也是jquery中的选择器,可以查找页面中的标签元素.复制代码jQuery(function(){ alert("jquery!"); }); $(function(){ alert("jquery!!"); })DOM对象转成JQuery对象Dom对象和jquery对象相互是不通用的,也就是说document.gtxxx()获取到的元素,属于DOM对象,只能...
jQuery适用技巧笔记整合
1、关于页面元素的引用通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom定义的方法。2、jQuery对象与dom对象的转换只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom对象还是jquery对象。普通的dom对象一般可以通过$()转换成jquery对象。如：$(document.getElementB...
jQuery 随滚动条滚动效果 （固定版）【代码】
//侧栏随动 var rollStart = $(‘.feed-mail‘), //滚动到此区块的时候开始随动rollSet = $(‘.search,.weibo,.group,.feed-mail,.tags‘); //添加rollStart之前的随动区块rollStart.before(‘<div class="da_rollbox" style="position:fixed;background-color:#fff;width:inherit;"></div>‘); var offset = rollStart.offset(),objWindow = $(window),rollBox = rollStart.prev(); objWindow.scroll(function() {if (objWindow.s...
jQuery入门
1.1 什么是jQuery？JQuery是继prototype之后又一个优秀的Javascript库。 2.1 $和jQuery的说明$是jQuery中的一个对象，jQuery中所有方法和属性都添加在这个对象中，$等价于jQuery，是jQuery的简写形式，“$ready”等价于“jQuery.ready”. 2.2 jQuery节点对象和DOM节点的相互转换2.2.1 jQuery节点对象转换DOM节点way1： var $div=$(‘#div‘); var div1=$div[0]; way2:var $div=$("#div"); var div1=$div.get(0);2.2.2 ...