第一章
javaScript基础
javaScrip是Wep页面中最基础的一种脚本编程语言,也是一种通用的、跨平台的、基于对象和事件驱动并具有相对安全性的解释脚本语言,在Wep系统中得到了广泛的应用。他不需要进行编译,而是直接嵌入在html页面中,把静态页面转变成支持用户交互并响应相应事件的动态页面。
javaScrip的作用
1.验证用户输入的内容
2.实时显示添加内容
3.动画效果
4.窗口的应用
5.文字特效
编写javaScrip的工具
记事本,frontpage,Dreamweaver
第二章
jQuery的概述
jQuery是一套简洁,快速,灵活的JavaScript脚本库,它能让人们在网页上简单地操作文档,处理事件,运行动画效果或者添加一步交互。jQuery可以提高编程的效率。
他的主要特点:
1.代码精致小巧
2.强大的功能函数
3.跨浏览器
4.链式的语法风格
配置jQuery
*<script language="javascript" src="js/jquery-1.11.1.min.js"></script>
或者
<script src="js/jquery-1.11.1.min.js" type="text/javascript"></script>*
<html>
<head>
<title>我的第一个jQuery脚本</title>
<script src="js/jquery-1.11.1.min.js"></script>
</head>
<body>
<script>
$(document).ready(function(){
alert("我的第一个jQuery脚本!");
});
</script>
</body>
</html>
jQuery对象和DOM对象交换
<html>
<head>
<title>DOM对象转换为jQuery对象</title>
<script src="js/jquery-1.11.1.min.js"></script>
</head>
<body>
<p id="testp">jQuery</p>
<script>
$(document).ready(function(){
var domObj = document.getElementById("testp");
alert("使用DOM方法获取p节点的内容:"+domObj.innerHTML);
var $jqueryObj = $(domObj);
alert("使用jQuery方法获取p节点的内容:"+$jqueryObj.html());
})
</script>
</body>
</html>
<html>
<head>
<title>jQuery对象转换为DOM对象</title>
<script src="js/jquery-1.11.1.min.js"></script>
</head>
<body>
<p id="testp">JavaScript</p>
<p id="testp1">jQuery</p>
<script>
$(document).ready(function(){
var $jQueryObj = $("#testp");
alert("使用jQuery方法获取第一个p节点的内容:"+$jQueryObj.html());
var $jQueryObj1 = $("#testp1");
alert("使用jQuery方法获取第二个p节点的内容:"+$jQueryObj1.html());
var domObj = $jQueryObj[0];
alert("使用DOM方法获取第一个p节点的内容:"+domObj.innerHTML);
var domObj1 = $jQueryObj1.get(0);
alert("使用DOM方法获取第二个p节点的内容:"+domObj1.innerHTML);
})
</script>
</body>
</html>
第三章
jQuery选择器
ID选择器(#id)
元素选择器(element)
类名选择器(.class)
复合选择器(select0r1,selector2,selectorN)