![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jQuery
文章平均质量分 71
leiru
随心飞扬~!
展开
-
jQuery基础教程笔记2
目录:1. 安装2. Hello jQuery (look like hello world)3. 用选择器(selector)和事件(events)4. 用ajax5. 用FX(各种效果)6. 用tablesorter 插件7. 书写你自己的插件8. 下一步(展望)1.安装开始之前,我们需要一个jquery库的拷贝(js文件)。最新的版本你能在这原创 2009-03-06 16:32:00 · 651 阅读 · 0 评论 -
jQuery框架应用案例之单条新闻的滚动效果(仿雅虎首页新闻滚动)
"http://www.w3.org/TR/html4/loose.dtd"> var n=0; var m=0 function lie(){ $(function(){ var $firstNode = $(#lie>p);原创 2009-03-20 10:35:00 · 864 阅读 · 1 评论 -
jquery基础教程五(渐变效果函数之fadeIn,fadeOut和fadeTo)
我们来看看jquery是如何实现淡入 淡出效果的.fadeOut(speed,callback) 通过不透明度的变化来实现所有匹配元素的淡入效果,并在动画完成后可选地触发一个回调函数。这个动画只调整元素的不透明度,也就是说所有匹配的元素的高度和宽度不会发生变化。$("#fadeOut1").click(function(){ $("#fadeOut").fadeO转载 2009-03-16 14:08:00 · 345 阅读 · 0 评论 -
jquery基础教程七选择器(selectors的xpath语法应用)
我们根据实例来解释jquery选择器(selectors)中xpath几种常用的用法比如下面html代码li-1li-2li-2li-1li-2li-2---------------------------第一种根据属性选择E[@attr]$("[@title]").click()..........即选择所有元素内 属性带有title的元素即 li-1li-2li-1li-2$转载 2009-03-16 14:38:00 · 235 阅读 · 0 评论 -
jquery基础教程六(滑动效果函数之slideDown,slideToggle和slideUp)
slideDown(speed,callback) 通过高度变化(向下增大)来动态地显示所有匹配的元素,在显示完成后可选地触发一个回调函数。这个动画效果只调整元素的高度,可以使匹配的元素以“滑动”的方式显示出来。这里的 speed (String|Number): (可选) 三种预定速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如:1转载 2009-03-16 14:21:00 · 460 阅读 · 0 评论 -
clone应用
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">DOM Manipulation$(function(){ $("p").bind("click",function(){ alert("cssrain test:")原创 2009-03-17 10:08:00 · 352 阅读 · 0 评论 -
Jquery提交表单 Form.js官方插件介绍
Form插件,支持Ajax,支持Ajax文件上传,功能强大,基本满足日常应用。Form插件的简单入门第一步:先增加一个表单form id="myForm" action="comment.php" method="post"> Name: input type="text" name="name" /> Comment: textarea name="c转载 2009-03-16 17:13:00 · 1894 阅读 · 0 评论 -
jquery教程之链式操作(制作双色表格)
StripingTable<!--$(document).ready(function(){ //这个就是传说的ready $(".stripe tr").mouseover(function(){ //如果鼠标移到class为stripe的表格的tr上时,执行函数 $(t转载 2009-03-16 09:35:00 · 350 阅读 · 0 评论 -
Jquery Ajax解析XML数据(续)
$.get("search.do",{id:1},rend); function rend(xml){ alert(xml); } (1) $.post("search.do",{id:1},rend); function rend(xml){ alert(xml); } (2) get和post用法原创 2009-03-09 17:22:00 · 474 阅读 · 0 评论 -
jQuery基础教程笔记1
1, :eq()和nth-child() 看下面代码:$(function(){$("#selected-plays > li:eq(1)").addClass("a");//等价于 $("#selected-plays > li:nth-child(2)").addClass("a");//注意:js数组是从 0 开始的,所以eq(1)是取第二个元素。//而css选择器:nth-child(转载 2009-03-05 17:00:00 · 394 阅读 · 0 评论 -
jQuery基础---filter()和find()
这是jQuery里常用的2个方法。他们2者功能是完全不同的,而初学者往往会被误导。首先 我们看.find()方法:现在有一个页面,里面HTML代码为; 程序代码 测试1 测试2如果我们使用find()方法:var $find = $("div").find(".rain");alert( $find.html() ) ;将会输出: 测试1原创 2009-03-06 14:07:00 · 1265 阅读 · 0 评论 -
jQuery框架之Document元素选择器篇
1.从$开始 对于熟悉prototype的朋友,$符号应该很熟悉, prototype: var element = $(’eleId’)jquery: var element = $(’#eleId’)DOM: var element = document.getElementById(’eleId’)以上三种选择方式是等价的,相比prototype来说jquery多了转载 2009-03-20 13:52:00 · 631 阅读 · 0 评论