jQuery第一到三章的整理(第三章简略些)

第一章

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)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值