这个函数接收一个包含 CSS 选择器的字符串，然后用这个字符串去匹配一组元素。jQuery 的核心功能都是通过这个函数实现的。 jQuery中的一切都基于这个函数，或者说都是在以某种方式使用这个函数。这个函数最基本的用法就是向它传递一个表达式（通常由 CSS 选择器组成），然后根据这个表达式来查找所有匹配的元素。默认情况下, 如果没有指定context参数，$()将在当前的 HTML document中查找 DOM 元素；如果指定了 context 参数，如一...
配图与本文无关早几年学习前端，大家都非常热衷于研究jQuery源码。我还记得当初从jQuery源码中学到一星半点应用技巧的时候常会有一种发自内心的惊叹，“原来JavaScript居然可以这样用！”虽然随着前端的发展，另外几种前端框架的崛起，jQuery慢慢变得不再是必须。因此大家对于jQuery的热情低了很多。但是许多从jQuery中学到的技巧用在实际开发中仍然非常好用。简单的了解它也有助于我们更加深入的理解JavaScript。这篇文章的主要目...
example $.cookie(name, ‘value); 设置cookie的值，把name变量的值设为value example $.cookie(name, ‘value, {expires: 7, path: ‘/, domain: ‘jquery.com, secure: true}); 新建一个cookie 包括有效期 路径 域名等 example $.cookie(name, ‘value); 新建cookie example $.cookie(name, null); 删除一个cookie var account= $.cookie(name); 取一个cookie(name)值给myvar 代码如下 代码如下:jQuery.cookie = function(name,...
本文实例讲述了jQuery图片旋转插件jQueryRotate.js用法。分享给大家供大家参考，具体如下：推荐一个图片旋转插件，用于浏览相册时，旋转图片。运行效果截图如下：具体代码如下：<script type="text/javascript">$(document).ready(function () {$("#images").rotate(45);var value = 0$("#images1").rotate({bind:{mouseover: function(){value +=90;$(this).rotate({ animateTo:value})}}});$(#button).click(function(){$("#imag...
实例从 test.js 载入 JSON 数据并显示 JSON 数据中一个 name 字段数据：$.getJSON("test.js", function(json){alert("JSON Data: " + json.users[3].name); });定义和用法通过 HTTP GET 请求载入 JSON 数据。在 jQuery 1.2 中，您可以通过使用 JSONP 形式的回调函数来加载其他网域的 JSON 数据，如 "myurl?callback=?"。jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。 注意：此行以后的代码将在这个回调函数执行前执行。语...
本文实例讲述了jQuery-mobile事件监听与用法。分享给大家供大家参考，具体如下：触摸事件 - 当用户触摸屏幕时触发（敲击和滑动）滚动事件 - 当上下滚动时触发方向事件 - 当设备垂直或水平旋转时触发页面事件 - 当页面被显示、隐藏、创建、加载以及/或卸载时触发一、初始化事件1. ready 事件 页面加载完成$(document).ready(function(){//your code here... }); 2. 页面加载完成事件二 pageinit$(document).on(pageinit,#pageone,f...
1种 通过each遍历li 可以获得所有li的内容<!-- 1种 --><ul class="one"><li>11a</li><li>22b</li><li>33c</li><li>44d</li><li>55e</li></ul><button>输出每个li值</button> <script>// 1种 通过each遍历li 可以获得所有li的内容$("button").click(function(){ $(".one > li").each(function(){// 打印出所有li的内容console.log($(this).text());})}); </script>2种 通过each遍历li 通过$(this)给每个li加事件<!-- 2种 --><ul cla...
项目需求如下图，在服务端返回的json数据中，要经过JS处理，添加复选框，并且复选框需响应JS操作。在easyui 的treegrid中，没有找到现成的插件，自己需要修改整理，代码如下<table class="easyui-treegrid" style="width:700px;height:250px" url=control_node_json?group_id=$info[id]&access_node=$_REQUEST[access_node]" idField="id" treeField="title" fit="true" toolbar="#control_node_toolbar_{$info[id]}"><thead> <t...
本文实例讲述了jQuery通用的全局遍历方法$.each()用法。分享给大家供大家参考，具体如下：1.test.json文件代码：[{"username": "张三","content": "沙发."},{"username": "李四","content": "板凳."},{"username": "王五","content": "地板."} ]2.html代码：<p> <input type="button" id="send" value="加载"/> </p> <div class="comment">已有评论：</div> <div id="resText" ></div>3.jQuery代码：<script src="jquery-1.3.1.js"...
纯粹记录下几种用法：jquery grep()筛选遍历数组$().ready(function(){var array = [1,2,3,4,5,6,7,8,9];var filterarray = $.grep(array,function(value){return value > 5;//筛选出大于5的});for(var i=0;i<filterarray.length;i++){alert(filterarray[i]);}for (key in filterarray){alert(filterarray[key]);}} );jquery each()筛选遍历数组$().ready(function(){var anObject = {one:1,two:2,three:3};//对json数组each$.each...
本文实例讲述了jQuery中get方法用法。分享给大家供大家参考，具体如下：参数：url,[data],[callback],[type]案例1表单代码:<form id="form1" action="#"> <p>评论:</p><p>姓名: <input type="text" name="username" id="username" /></p><p>内容: <textarea name="content" id="content" rows="2" cols="20"></textarea></p><p><input type="button" id="send" value="提交"/></p> </form>待处理div代码：<div class=comment>已有评...
一、animate语法结构animate(params,speed,callback)params:一个包含样式属性及值的映射,比如{key1:value1,key2:value2}speed:速度参数[可选]callback：在动画完成时执行的函数[可选]二、自定义简单动画用一个简单例子来说明，实现单击某div在页面上横向飘动的效果。<style>#cube{position:relative;/* 不加这句元素不能动 */width:30px;height:30px;background:red;cursor:pointer;} </style> <body><div><div id="cube"></div></...
本文实例讲述了jQuery自适应轮播图插件Swiper用法。分享给大家供大家参考，具体如下：运行效果截图如下：示例代码如下：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no"> <title>新建H5自适应模板</title> <link rel="stylesheet" href="swiper-3.3.1.min.css"> <style> html, body {position: relative;height: 1...
本文实例分析了nodejs的HTML分析利器node-jquery用法。分享给大家供大家参考，具体如下：首先描述产生这篇随笔的场景：我需要获取项目在jenkins构建的最新Javascript Coverage显示在供管理层次查看的项目情况Report上，但是由于jenkins没有直接的API取得数据所需数据，所以我们只能从自建的容器发布Javascript Coverage数据API，供Report项目使用。由于采用简单的数据分析，只是Host一个简单的web Server,所以本人不喜欢Tomcat，II...
jQuery.post( url, [data], [callback], [type] ) ：使用POST方式来进行异步请求 参数： url (String) : 发送请求的URL地址. data (Map) : (可选) 要发送给服务器的数据，以 Key/value 的键值对形式表示。 callback (Function) : (可选) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法)。 type (String) : (可选)官方的说明是：Type of data to be sent。其实应该为客户端请求的类型(JSON,XML,等等) 这是...