摘要: jQuery学习教程(一):入门jQuery学习教程(二):选择器1jQuery学习教程(三):选择器2jQuery学习教程(四):使用jQuery操作DOMjQuery学习教程(五):选择器综合实例jQuery学习教程(六):属性操作与CSS操作jQuery学习教程(七):val()与节点操作jQuery学习教程(八):事件jQuery学习教程(九):动画jQuery学习教程(十):AJAX 阅读全文
posted @ 2011-07-22 09:14 潺莪 阅读(2597) 评论(3) 推荐(4) 编辑
摘要: 先复习一下经典的ajax方式ajax.php现在时间是<php? echo date('Y-m-d H:i:s');?>ajax.html<script type="text/javascript"> function Ajax(){ var xmlHttp=null; if(window.ActiveXObject){ try{ xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); }catch(e){ try{ xmlHttp=new ActiveXObject(" 阅读全文
posted @ 2011-07-22 07:16 潺莪 阅读(592) 评论(2) 推荐(0) 编辑
摘要: js就是这样一门语言,你可以说它很简单,会一点C就能编写代码;你也可以说它很难,丰富强大灵活;不屑者说它只能做些跑马灯、鼠标环绕的“雕虫小技”;高手用它来制作“星际争霸”游戏。jQuery中另一个颇具特色的便是它简单易用实用的动画效果。之前曾自己写窗体循环滚动写了两天还是无法兼容ff。–!!!show([arg])//将元素display属性置为除none之外的值,具体记忆功能; hide([arg])//将元素display属性置为none以上两个函数均可带参数,一类是关键字参数:slow,normal,fast;一类是数值参数。如show(1000)表示在1秒钟之内将元素由隐藏置为显示,s 阅读全文
posted @ 2011-07-22 07:07 潺莪 阅读(470) 评论(0) 推荐(0) 编辑
摘要: 绑定事件jQuery绑定事件方法:bind(type[,data],fn)//type: 事件类型;data:作为event.data传递给对象的参数;fn:绑定的处理函数示例,在《锋利的jQuery》一书中讲到了这个例子:$(function(){ $("#panel h5.head").bind("click",function(){ if($(this).next("div.content").is(":visiable")){ $(this).next("div.content").hi 阅读全文
posted @ 2011-07-22 07:05 潺莪 阅读(649) 评论(0) 推荐(0) 编辑
摘要: val()用来设置和获取元素的值,包括元素、文本框、下拉列表还有单选框。使用val()返回元素的value值,使用val(value) 设置元素值。例:<script type="text/javascript"> //<![CDATA[ $(function(){ $("#key").val("请输入关键字进行搜索"); $("#key").attr("color","#ccc"); $("#key").mouseover(functi 阅读全文
posted @ 2011-07-22 07:01 潺莪 阅读(737) 评论(0) 推荐(0) 编辑
摘要: 一、属性操作1、获取属性和设置属性$(selector).attr(attribute);$(selector).attr(attribute,value)例,<a href="http://www.51obj.cn/" title="_blank"></a>使用$("a").attr("href")来获取其 href属性。这种方式十分的“优雅”,即使用不带参数(或一个参数)的函数表示获取,带多个参数的函数来设置相关值。2、删除属性$(selector).removeAttr(attribu 阅读全文
posted @ 2011-07-22 06:59 潺莪 阅读(854) 评论(0) 推荐(0) 编辑
摘要: 以下实例综合讲解了几个选择器的使用,同时演示了使用jQuery实现隔行换色、荧光棒特效、复选框checkbox全选反选效果<script type="text/javascript"> $(function(){ $("table tr:even").addClass("tdOdd"); $("th:first").css("background","#B4C6C1");//首个 $("table tr").mouseover(function 阅读全文
posted @ 2011-07-22 06:58 潺莪 阅读(722) 评论(0) 推荐(0) 编辑
摘要: 使用jQuery操作DOMDOM(Document Object Model)文档对象模型,是一种与浏览器、平台、语言无关的接口,使用该接口可以轻松地访问页面中所有的标准组件。DOM操作分为三个方面:DOM Core(核心)、HTML-DOM和CSS-DOM1) DOM Core:常使用getElementByID(),getElementsByTagName(),getAttribute()和setAttribute()2) HTML-DOM:如document.forms,element.src3) CSS-DOM:如element.style.color="#f00" 阅读全文
posted @ 2011-07-22 06:47 潺莪 阅读(1150) 评论(0) 推荐(0) 编辑
摘要: jQuery过滤选择器:1、基本过滤选择器此项选择器搭配基本选择器可以讲占到实际选择器应用的90%以上(可由document.getElementById及节点nodeChilds得知):first//(选取第一个元素):last//(选取最后一个元素):even//(选取索引是偶数的所有元素):odd//(选取索引是奇数的所有元素):eq(index)//(选取索引等于index的元素):gt(index)//(选取索引大于index的元素):lt(index)//(选取索引小于index的元素):header//(选取所有的h1,h2,h3等标题元素):animated//(选取当前正在执 阅读全文
posted @ 2011-07-22 06:43 潺莪 阅读(789) 评论(0) 推荐(0) 编辑
摘要: 选择器(一)1、基本选择器从最开始看到jQuery这样的选择器就让我想起了CSS的选择器,简直是同出一辙啊,CSS的选择器语法个人觉得相当的经典,那么jQuery借鉴CSS也就没有多少疑问了。其中h1为选择器,color:red与background:#d00与声明,两者结合也即{}内称为声明块;color与background称为属性;red与#d00称为值。其中选择器类别可分为以下类别:标签选择器:p{CSS rules}id选择器:#ID{CSS rules}类选择器:.Class{CSS rules}群组选择器:h1,h2,h3,h4,h5,h6{CSS rules}后代选择器:div 阅读全文
posted @ 2011-07-22 06:31 潺莪 阅读(825) 评论(0) 推荐(0) 编辑
摘要: 题外话:从今天起正式学习jQuery(实际严格讲已经用了几个月的jQuery的一丁点东西),边学边做边记教程;阅读书籍《锋利的jQuery》+jQuery API Doc。基础知识:想要结构与行为分离当然不能使用<button onclick="…"></button>之类的东西了,js是写在<head>之间的,那就说起了window.onload——这不是一个好东西,所以就有了jQuery颇具创意的$(document).ready(funciton(){ …});当然还会更精简:$(function(){ … }); 所以我的第一个j 阅读全文
posted @ 2011-07-22 06:25 潺莪 阅读(1238) 评论(0) 推荐(0) 编辑
摘要: 第一章:加载和执行浏览器的JavaScript的引擎是编译器层的优化;当浏览器执行JavaScript代码时,不能同时做其他任何事情(单一进程),意味着<script>标签每次出现都霸道地让页面等带脚本的解析和执行(每个文件必须等到前一个文件下载并执行完成才会开始下载),所以头部的JS和CSS用来渲染页面,交互行为(几乎所有)的JS放在<body>底部;主流浏览器都允许并行下载JS。减少外链脚本数量将会改善性能(合并JS)任何网站都可以使用一个把制定文件合并处理后的URL来获取任意数量的文件。defer属性可延迟脚本(只有IE4 和FF3.5 支持)第二章:数据访问Ja 阅读全文
posted @ 2011-07-22 06:08 潺莪 阅读(429) 评论(0) 推荐(0) 编辑
摘要: <article> 标签定义外部的内容(外部内容如blog,news)。 使用后感觉和P差不多,语义化的标签。<aside> 标签定义article以外的内容(可用做文章的侧栏). 语义化的标签。<audio>标签定义音乐。 支持三种格式,ogg,mp3,wav。 Safari仅支持MP3 and WAV 两种格式.<canvas>使用JavaScript在网页上绘制图形图像。 学好算法JS无所不能. (浏览器说:鸭梨很大).<command> 定义按钮用的. 说实话,没用明白。<datalist> 定义选项列表. 又是一 阅读全文
posted @ 2011-07-22 06:01 潺莪 阅读(116) 评论(0) 推荐(0) 编辑