jquery学习之笔记一
jquery是继prototype后一个很好用的javascript库。jquery是一个轻量级的库，拥有强大的选择器，出色的DOM操作，可靠的事件处理，完善的兼容性和链式操作等功能.
window.onload 与$(document).ready()的区别
1.执行时机：window.onload 必须等待网页中所有的内容加载完毕之后才能执行（包括图片）
而$(document).ready()当网页中所有DOM结构绘制完毕之后就执行，可能DOM关联的东西并没有加载完。
2.编写个数：window.onload只能编写一次，而后者可以编写好多次
3.简化写法：前者没有，后者可以简写成为$(function(){.......});
一个导航栏的小例子
<!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/html; charset=utf-8" />
<title>无标题文档</title>
<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
</head>
<style type="text/css">
.menu{ width:300px;}
.has_children{ background:#555; color:#fff; cursor:pointer}
.highlight{ color:#fff; background:green;}
div{ padding:0; margin:10px 0;}
div a{ background:#888; display:none; float:left; width:300px;}
</style>
<script type="text/javascript">
$(function(){
$('.has_children').click(function(){
$(this).addClass('highlight').children('a').show().end().siblings().removeClass('highlight').children('a').hide();
});
});
</script>
<body>
<div class="menu">
<div class="has_children">
<span>第一章 认识jquery</span>
<a>1.1javascript 和javascript库</a>
<a>1.2javascript 和javascript库</a>
<a>1.3javascript 和javascript库</a>
<a>1.4javascript 和javascript库</a>
<a>1.5javascript 和javascript库</a>
<a>1.6javascript 和javascript库</a>
<a>1.7javascript 和javascript库</a>
</div>
<div class="has_children">
<span>第二章 jquery选择器</span>
<a>2.1javascript 和javascript库</a>
<a>2.2javascript 和javascript库</a>
<a>2.3javascript 和javascript库</a>
<a>2.4javascript 和javascript库</a>
<a>2.5javascript 和javascript库</a>
<a>2.6javascript 和javascript库</a>
<a>2.7javascript 和javascript库</a>
</div>
<div class="has_children">
<span>第三章 jquery操作DOM</span>
<a>3.1javascript 和javascript库</a>
<a>3.2javascript 和javascript库</a>
<a>3.3javascript 和javascript库</a>
<a>3.4javascript 和javascript库</a>
<a>3.5javascript 和javascript库</a>
<a>3.6javascript 和javascript库</a>
</div>
</div>
</body>
</html>
如何将一个jquery对象转换成DOM对象
(1)jquery对象是一个数组对象，可以通过[index]对象转换
var $cr=$('#cr'); var cr=$cr[0]; alert(cr.checked);
(2)利用jquery本身的get（index）方法
var $cr=$('#cr'); var cr=$cr.get(0); alert(cr.checked);
jquery学习之笔记一的更多相关文章
- [2016-10-24]jQuery学习回顾笔记1.0
一.如何把 jQuery 添加到网页 <script> 标签应该位于页面的 <head> 部分. <head> <script src="jquer ...
- JQuery学习使用笔记 -- JQuery插件开发
内容转载自 http://www.css88.com/archives/4821 扩展jQuery插件和方法的作用是非常强大的,它可以节省大量开发时间.这篇文章将概述jQuery插件开发的基本知识,最 ...
- jQuery学习笔记(一)jQuery选择器
目录 jQuery选择器的优点 基本选择器 层次选择器 过滤选择器 表单选择器 第一次写博客,希望自己能够长期坚持,以写博客的方式作为总结与复习. 最近一段时间开始学习jQuery,通过写一个jQue ...
- jQuery 学习笔记
jQuery 学习笔记 一.jQuery概述 宗旨: Write Less, Do More. 基础知识: 1.符号$代替document.getElementById( ...
- jQuery学习笔记（一）：入门
jQuery学习笔记(一):入门 一.JQuery是什么 JQuery是什么?始终是萦绕在我心中的一个问题: 借鉴网上同学们的总结,可以从以下几个方面观察. 不使用JQuery时获取DOM文本的操 ...
- jQuery学习笔记 - 基础知识扫盲入门篇
jQuery学习笔记 - 基础知识扫盲入门篇 2013-06-16 18:42 by 全新时代, 11 阅读, 0 评论, 收藏, 编辑 1.为什么要使用jQuery? 提供了强大的功能函数解决浏览器 ...
- JQuery学习笔记——层级选择器
JQuery学习笔记--层级选择器 上一篇学习了基础的五种选择,分别是id选择器,class选择器,element选择器,*选择器 和 并列选择器.根据手册大纲,这篇学习的是层级选择器. 选择器: 1 ...
- jQuery学习笔记之Ajax用法详解
这篇文章主要介绍了jQuery学习笔记之Ajax用法,结合实例形式较为详细的分析总结了jQuery中ajax的相关使用技巧,包括ajax请求.载入.处理.传递等,需要的朋友可以参考下 本文实例讲述了j ...
- WCF入门教程（四）通过Host代码方式来承载服务 一个WCF使用TCP协议进行通协的例子 jquery ajax调用WCF，采用System.ServiceModel.WebHttpBinding System.ServiceModel.WSHttpBinding协议 学习WCF笔记之二 无废话WCF入门教程一[什么是WCF]
WCF入门教程(四)通过Host代码方式来承载服务 Posted on 2014-05-15 13:03 停留的风 阅读(7681) 评论(0) 编辑 收藏 WCF入门教程(四)通过Host代码方式来 ...
随机推荐
- codeforces 340D Bubble Sort Graph（dp,LIS）
转载请注明出处: http://www.cnblogs.com/fraud/ ——by fraud Bubble Sort Graph Iahub recently has lea ...
- oracle日记
win7旗舰版安装oracle11g 64位用sql plus可以登录 但用pl/sql dev报错ORA-12560 小型数据库:access.foxbase 中型数据库:mysql.sqlserv ...
- C# 创建execl文件 并且填充数据
第一步:引用文件 using NPOI.HSSF.UserModel;using System.Data;using CTUClassLibrary;using System.IO;using NPO ...
- 重读LPTHW-Lesson18-21 函数
1.def 定义函数,选取合适的函数名,原则是易于理解.阅读.函数名格式与变量命名格式相同,以字母开始,可以包含字母.数字.下划线.函数命名后,把参数放在()中,可以无参数.然后:结束函数命名,开始函 ...
- LInux系统的C语言开发工具笔记
常用的C语言开发工具有很多,每个开发工具所支持的库函数和对标准的实现都有差异.对于初学者,选择一款使用广泛.上手容易的开发工具才是王道.在Windows 上很多从事C和C++开发的人员都选择VS作为开 ...
- SQL Server 无法打开物理文件的 2 种解决办法
解决方法: 方法1.无法打开可以能是没有权限.如果是这样以管理员身份运行Managerment Studio就可以了. 方法2.找到指定的数据库文件.右键属性-->安全-->勾上 ‘完全 ...
- Histats安装Counter网站计数器 - Blog透视镜
Histats提供十分多样性的Counter网站计数器,可以依照你个人的喜好与需求,选择适合的Counter网站计数器,也可以针对同一网站,安装多个Counter网站计数器,作法其实比注册账号时更简单 ...
- javascript之Date
JSON 日期转 JS日期,我们知道,日期类型转成JSON之后,返回的数据类似这样: /Date(1379944571737)/ 但是这种日期并不能直接显示,因为根本没有人知道这是什么意思,下面提供一 ...
- WPF MultiBinding后台绑定动态属性 属性改变不调用Convert的问题
一开始的写法: MultiBinding mb = new MultiBinding(); Binding b1 = new Binding(); b1.ElementName = "tex ...
- 【转】morgan stanley 电面面经新鲜出炉
楼楼早上上午大概11点接到的电话,一个声音炒鸡好听的GG,说他是来自morgan stanley的,想和我约一下店面时间.我一听,真是戳不及防,掐指一算,online的IKE测试已经过去20几天了吧, ...