本文实例讲述了jQuery操作基本控件方法。分享给大家供大家参考，具体如下： 1. 根据控件的样式class获取控件代码如下:$(".className")...... //className代表的就是控件的样式 2. 根据控件的ID获取控件代码如下:$("#id")...... 3. 根据控件的name获取控件 $("input[name=objName]")...... /*$("check[name=objName]")......*/ $("[name=objName]:checkbox")...... $("select[name=objName]")......4. 遍历一组控件 $(".className")...
本文实例讲述了jQuery中的siblings用法。分享给大家供大家参考，具体如下： 所谓siblings，英文翻译就是兄弟节点。那么故名思意，就是拿到某元素的兄弟节点(不包括自己)。 <html> <head><script type="text/javascript" src="/jquery/jquery.js"></script> </head> <body> <ul><li>li1</li><li>li2</li><li id="li3">li3</li><li>li4</li><li>li5</li> </ul> <script>$("#li3").siblings("li").css("backgroundcolor", "yellow"); ...
本文实例分析了javascript与jquery中的this关键字用法。分享给大家供大家参考，具体如下： this 表示当前的对象，这个当前对象可以是表单，<p>等任何元素 1.javascript中this的用法： JS部分： <script type="text/javascript">function chimg(obj){obj.src="./images/2.jpg";} </script>HTML部分：代码如下:<img src="./images/1.jpg" onclick="chimg(this)"> 2.jquery 中this的用法： JS部分: <script type="text/javascript">$(...
本文实例讲述了jQuery基于cookie实现的购物车。分享给大家供大家参考，具体如下： 这里分析了jquery购物车原理，包括添加商品及数量到购物车 cookie 中，判断购物车中有无商品，如果有，则把json字符串转换成对象，返回当前商品在 cookie 中的总数。 将商品放入购物车： $(function(){ $(".tc").hide(); var PId = $("#hfPId").val(); // 商品的ID var PName = $("#lblPName").text(); // 商品名称 var PMemberPrice = $("#lblPMem...
本文实例分析了jquery读写cookie操作。分享给大家供大家参考，具体如下： jquery cookie需要脚本文件如下： jQuery.cookie = function(name, value, options) { if (typeof value != undefined) {options = options || {};if (value === null) {value = ;options = $.extend({}, options);options.expires = -1;}var expires = ;if (options.expires && (typeof options.expires == number || options.expires.toUTCString)) {var ...
本文实例分析了jquery中ajax跨域。分享给大家供大家参考，具体如下： JSONP是一个非官方的协议，它允许在服务器端集成Script tags返回至客户端，通过javascript callback的形式实现跨域访问 方法一： jsonp之 getJSON js var url = "http://localhost/mytest/jsonp_php.php?callback=?"; $.getJSON(url, {"age": 21,"name": "kitty" }, function (data) {alert("name:" + data.name + ", age:" + data.age); });php <?php $age=$_G...
本文实例讲述了jQuery获取DOM节点。分享给大家供大家参考，具体如下： jQuery中包裹后的DOM对象实际上是一个数组，要获得纯粹的DOM对象可以有两种方式： 1、使用数组索引方式访问，例如：代码如下:var dom = $(dom)[0]; 2、使用函数get()访问，例如：代码如下:var dom = $(dom).get(0); get()函数中的参数为索引号。 3、示例 var div = document.createElement("DIV"); div.innerText = "TEST IS OK!"; document.body.appendChild(...
本文实例分析了JQuery中Ajax()的data参数类型。分享给大家供大家参考，具体如下： 前面简单分析介绍了《ajax中data传参的两种方式》，对于ajax参数传递方式有了初步的了解，这里就来进一步分析一下ajax中data参数的类型。 假如现在有这样一个表单，是添加元素用的。 <form id=addForm action=UserAdd.action type=post><label for=uname>用户名</label>：<input type=text name=uname id=uname><br><label for=mobileIpt>手机号：<...
本文实例讲述了jQuery中serializeArray()与serialize()的区别。分享给大家供大家参考，具体如下： serialize()序列化表单元素为字符串，用于 Ajax 请求。 serializeArray()序列化表单元素为JSON数据。 具体实例如下： <!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...
本文实例讲述了jQuery中cookie插件用法。分享给大家供大家参考，具体如下： Jquery里面提供了很多插件，方便，安全，快速实用。这节一起熟悉下JQUERY中操作Cookie的插件，插件名称为jquery.cookie.js，可以去官方网站下载。 下载地址： http://plugins.jquery.com/project/cookie. 插件主要报告如下几个用法 1.创建Cookie 创建一个名称为username,值为 admin的cookie ,如下代码如下:$.cookie(username,"admin"); 当然cookie还包括路...
本文实例讲述了jQuery实现带分组数据的Table表头排序。分享给大家供大家参考，具体如下： 如下图：要求：点击表头排序时，"分组"及"分组明细"的数据层次关系不变 从网上找了一段常规的table排序，改了改，以满足“分组支持”，贴在这里备份 <!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...
本文实例分析了jQuery解析json数据的方法。分享给大家供大家参考，具体如下： 先来看看我们的Json数据格式： [ {id:01,name:"小白",old:29,sex:"男"}, {id:02,name:"小蓝",old:29,sex:"男"}, {id:03,name:"小雅",old:29,sex:"男"} ]为了消除乱码问题，我们设置一个过滤器（代码片段） public void doFilter(ServletRequest req, ServletResponse resp, FilterChain chain) throws ServletException, IOException {req.setCharacter...
本文实例讲述了jQuery链式操作。分享给大家供大家参考，具体如下： 从过去的实例中，我们知道jQuery语句可以链接在一起，这不仅可以缩短代码长度，而且很多时候可以实现特殊的效果。 <script type="text/javascript">$(function() {$("div").addClass("css1").filter(function(index) {return index == 1 || $(this).attr("id") == "fourth";}).addClass("css2");}); </script>以上代码为整个<div>列表增加样式css1,然后再进行筛选...
本文实例讲述了jQuery密码强度检测插件passwordStrength用法。分享给大家供大家参考，具体如下： 这里赋予密码强度为10个等级（实例中的progressImg1.png是一张包含十个状态的图片），然后通过设置每 个状态的CSS样式来直观地显示当前密码的强度。其中，实现此功能的重点和难点就是通过正则进行判断等级，有兴趣的朋友可以慢慢探究。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/jquery-passwordStrength-...
本文实例讲述了jQuery实现连续动画效果的方法。分享给大家供大家参考。具体如下： 这里介绍jQuery实现一连串的连续动画效果，将这些动画运用先设置好，然后在jQuery的作用下完成一个接一个的动画，这在网页游戏编写中是个基础但重要的动画生成技巧，对于前台设计来说也是有必要掌握的。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/jquery-lx-animate-style-demo/ 具体代码如下： <!DOCTYPE html PUBLIC "...