摘要:
绑定事件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 阅读全文
摘要:
val()用来设置和获取元素的值,包括元素、文本框、下拉列表还有单选框。使用val()返回元素的value值,使用val(value) 设置元素值。例:<script type="text/javascript"> //<![CDATA[ $(function(){ $("#key").val("请输入关键字进行搜索"); $("#key").attr("color","#ccc"); $("#key").mouseover(functi 阅读全文
摘要:
一、属性操作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 阅读全文
摘要:
以下实例综合讲解了几个选择器的使用,同时演示了使用jQuery实现隔行换色、荧光棒特效、复选框checkbox全选反选效果<script type="text/javascript"> $(function(){ $("table tr:even").addClass("tdOdd"); $("th:first").css("background","#B4C6C1");//首个 $("table tr").mouseover(function 阅读全文
摘要:
使用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" 阅读全文
摘要:
jQuery过滤选择器:1、基本过滤选择器此项选择器搭配基本选择器可以讲占到实际选择器应用的90%以上(可由document.getElementById及节点nodeChilds得知):first//(选取第一个元素):last//(选取最后一个元素):even//(选取索引是偶数的所有元素):odd//(选取索引是奇数的所有元素):eq(index)//(选取索引等于index的元素):gt(index)//(选取索引大于index的元素):lt(index)//(选取索引小于index的元素):header//(选取所有的h1,h2,h3等标题元素):animated//(选取当前正在执 阅读全文
摘要:
选择器(一)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 阅读全文
摘要:
题外话:从今天起正式学习jQuery(实际严格讲已经用了几个月的jQuery的一丁点东西),边学边做边记教程;阅读书籍《锋利的jQuery》+jQuery API Doc。基础知识:想要结构与行为分离当然不能使用<button onclick="…"></button>之类的东西了,js是写在<head>之间的,那就说起了window.onload——这不是一个好东西,所以就有了jQuery颇具创意的$(document).ready(funciton(){ …});当然还会更精简:$(function(){ … }); 所以我的第一个j 阅读全文
摘要:
第一章:加载和执行浏览器的JavaScript的引擎是编译器层的优化;当浏览器执行JavaScript代码时,不能同时做其他任何事情(单一进程),意味着<script>标签每次出现都霸道地让页面等带脚本的解析和执行(每个文件必须等到前一个文件下载并执行完成才会开始下载),所以头部的JS和CSS用来渲染页面,交互行为(几乎所有)的JS放在<body>底部;主流浏览器都允许并行下载JS。减少外链脚本数量将会改善性能(合并JS)任何网站都可以使用一个把制定文件合并处理后的URL来获取任意数量的文件。defer属性可延迟脚本(只有IE4 和FF3.5 支持)第二章:数据访问Ja 阅读全文