摘要：
jQuery选择器(Selectors,或译为选择符?)可以说是甚为强大,jQuery能够得以如此之名气,选择器的功劳是功不可没的.利用 CSS和XPath选择符的能力,加上自己的”自定义选择符”,几乎无所不能的操作DOM,轻松的获取DOM中的任意元素和元素组.So,掌握好 jQuery选择器,对于jQuery的学习就前进了一大步,最终发挥你的想象力,即可写出优雅高效的CODE;而对于新手而言,如何选择DOM中的元素 是一个问的最多的问题.jQuery官方API中有列出详细的信息,可以移步至:Selectors.一、jQuery选择器 – 基本(Basics)在继续学习之前,我们必须具备一些. 阅读全文
posted @ 2013-06-06 15:59
moyiqun
阅读(144)
评论(0)
推荐(0)
摘要：
jQuery的each函数可调用选择器得到的元素集进行循环调用。这意味着，每次执行传递进来的函数时，函数中的this关键字都指向一个不同的 DOM元素（每次都是一个不同的匹配元素）。而且，在每次执行函数时，都可以给函数传递一个表示作为执行环境的元素（index），在匹配的元素集合中所 处位置的数字值作为参数（从零开始的整形）。一、遍历以下面的HTML为例：引用<li>0</li><li>1</li><li>2</li><li>3</li><li>4</li><li> 阅读全文
posted @ 2013-06-06 15:58
moyiqun
阅读(173)
评论(0)
推荐(0)
摘要：
jquery 实现一个简单选中功能。<input type="checkbox" id="cr"/> <lable for="cr"> 我已经阅读了上面制度.</lable>通过$("#cr")获取到复选框元素，然后通过判断复选框是否被选中，来执行下一步操作。首先，用DOM 方式来判断复选框是否被选中,代码如下:$(document).ready(function(){var $cr = $("#cr");var cr = $cr[0];$cr.click(f 阅读全文
posted @ 2013-06-06 14:56
moyiqun
阅读(122)
评论(0)
推荐(0)
摘要：
单击产品小图片时，上面对应的大图片需要切换，并且大图片的放大镜效果和遮罩效果也必须同时切换。实现这个效果并不难，但为了使程序更加简单，需要为图片使用基于某种规则的命名。例如为小图片命名blue_one_small.jpg ,为大图片命名为blue_one_big.jpg这样就可以很容易地根据单击的图片(blue_one.jpg)来获取相应的大图片和小图片，代码如下:$(funciton(){$(".pro_detail_left ul li img").click(function(){var imgSrc=$(this).attr("src");var 阅读全文
posted @ 2013-06-06 14:55
moyiqun
阅读(137)
评论(0)
推荐(0)
摘要：
<div class="ad" ><ul class="slider" ><li><img src="images/ads/1.gif"/></li><li><img src="images/ads/2.gif"/></li><li><img src="images/ads/3.gif"/></li><li><img src="image 阅读全文
posted @ 2013-06-06 14:54
moyiqun
阅读(236)
评论(0)
推荐(0)
摘要：
$(function()){var page = 1;var i=4;//每版放4个图片var len = $(".prolist_content ul li").length;var page_count=Mach.ceil(len/i);//只要不是整数，就往大的方向取最小的整数var none_unit_width=$(".prolist").width();//获取框架内容的宽度，不带单位var $parent=$(".prolist_content");//向右移动按钮$(".goRight").clic 阅读全文
posted @ 2013-06-06 14:53
moyiqun
阅读(147)
评论(0)
推荐(0)
摘要：
在IE7中firefox浏览器上可以使用伪劣:hover来显示导航效果，但是IE6并不支持除超链接外的元素使用这个伪类。在IE六下 hover css 无法运行#navigation ul li:hover ul{background-color:#88c366;position:absolute;widht:100px;display:block;}为<li>元素添加hover事件，jQuery代码如下:$(function(){$("#navigation ul li:has(ul)").hover(function(){ //鼠标移动过来,向下滑动显示菜单 阅读全文
posted @ 2013-06-06 14:52
moyiqun
阅读(169)
评论(0)
推荐(0)
摘要：
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 阅读全文
posted @ 2013-06-06 14:51
moyiqun
阅读(118)
评论(0)
推荐(0)
摘要：
$.ajax()方法是jQuery最底层的Ajax实现。它的结构为:$ajax(options);这个对象里包含了$.ajax()方法所需要的请求设置以及会掉函数信息，参数以key/value 的形式存在，所有参数都是可选的，常用参数如表 6-3所示。参数名称 类型 说明url string (默认为当前页地址)发送请求的地址type string请求方式(post或get)默认为get，注意其他http请求方法，例如put和delete 也可以使用。timeout Number 设置请求超时时间(毫秒)，此数值将覆盖$.ajaxSetup()方法得全局设置。data object 发送到服务 阅读全文
posted @ 2013-06-06 14:50
moyiqun
阅读(263)
评论(0)
推荐(0)
摘要：
jQuery中的AjaxjQuery对Ajax操作进行了封装，在jQuery中$.ajax()方法属于最底层的方法，第2层是load(),$.get()和$.post()方法，第三层是$.getScript()和$.getJson()方法。首先介绍第2层得方法，使用效率很高。load()方法1.载入HTML文档load()方式jQuery中最为简单的Ajax方法，能载入远程HTML代码并插入DOM中，它的结构为:load(url[,data][,callback]);load()方法参数解释如表6-1所示。load参数说明：参数名称 类型 说明url string 请求html的url地址da 阅读全文
posted @ 2013-06-06 14:48
moyiqun
阅读(134)
评论(0)
推荐(0)
浙公网安备 33010602011771号