js06
接着我们继续学习一些js的知识,这里主要讲js的一些库jq与prototype的一些基础。
1.jq函数
$():向其传递DOM对象,返回jQuery对象
jq允许通过CSS选择器来选取元素
$(document).ready(myFunction):
向jQuery传递DOM对象时,jQuery会返回以HTML DOM对象包装的jQuery对象
jQuery 函数会返回新的 jQuery 对象,其中的 ready() 是一个方法
jq函数返回 jQuery 对象,与已传递的 DOM 对象不同。jQuery 对象拥有的属性和方法
与 DOM 对象的不同。
您不能在 jQuery 对象上使用 HTML DOM 的属性和方法
2.例子
js方式:
function myFunction(){
var obj=document.getElementById("h01");
obj.innerHTML="Hello JQuery";
}
onload=myFunction; jq方式:
function myFunction(){
$("#h01").html("Hello JQuery");
}
$(document).ready(myFunction);
3.jq链式语法:在同一个对象上执行多个任务
$("#h01").attr("style","color:red").html("Hello JQuery");
4.prototype:
与jq不同,Prototype会向浏览器及HTML DOM添加扩展
引入prototype:
<script src="http://ajax.googleapis.com/ajax/libs/prototype/1.7.1.0/prototype.js">
</script>
5.prototype方式:
function myFunction(){
$("h01").insert("Hello Prototype");
}
Event.observe(window,"load",myFunction);
6.Event.observe()接受3个参数:
您希望处理的 HTML DOM 或 BOM(浏览器对象模型)对象
您希望处理的事件
您希望调用的函数
7.js对象参考:http://www.w3school.com.cn/jsref/index.asp
js对象:Array Boolean Date Math Number String RegExp Global
browser对象: Window Navigator History Screen Location
HTML DOM对象: document Body Event Form 等等
各对象之间并非相互独立的,而是有联系的。
js06的更多相关文章
- Vue.js-06:第六章 - 按键修饰符的使用
一.前言 上周末的时候,准备试试将 ASP.NET Core 的项目部署到 CentOS 服务器上,结果在一个接一个坑里面跳,最后 Supervisor 守护程序还是有问题,于是,采用重装系统大招, ...
- js---06函数传参数
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content ...
- day54 Pyhton 前端JS06
内容回顾 - ECMAScript5.0 基础语法 - var 声明变量 - 五种基本数据类型 - string - number NaN number 1 number - boolean - un ...
- DIV+CSS+JS实现图片<ul><li></li></ul>无缝滚动代码
(含上下左右滚动代码) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:/ ...
随机推荐
- HTTP Error 403.14问题处理
打开目录浏览后,点击启用.
- 非常实用的windows运行打开服务命令
1.注册表-->regedit.exe 2.本地服务设置-->services.msc 3.远程桌面连接-->mstsc 4.检查windows版本-->winver 5.组策 ...
- Linux下一个简单sniffer的实现
Sniffer(嗅探器)是一种基于被动侦听原理的网络分析方式.将网络接口设置在监听模式,便可以将网上传输的源源不断的信息截获.对于网络监听的基本原理我们不在赘述,我们也不开启网卡的混杂模式,因为现在的 ...
- AutoCompleteTextView
在本节中作者只写了AutoCompleteTextView 和MutiAutoCompleteTextView 的用法,没有写怎样得到选中的值,我做了如下修改,增加按钮获取值赋值给TextView p ...
- 新建maven web 项目后,出现的小问题
问题一:Description Resource Path Location TypeCannot change version of project facet Dynamic Web Module ...
- DXDBGrid使用方法
http://www.cnblogs.com/gtsup/archive/2012/08/28/2660197.html dxDBGrid使用集锦 转载自:http://hi.baidu.com/ ...
- Java泛型与Restlet客户端
写一个与restlet服务器通信的客户端类,用于测试通信是否成功,并且进行交互.为了方便其他人使用,于是,写一个通用的方法封装起来,可是中途却放生了一些问题. 按照正常写法,顺序走下来是这样的: pu ...
- nodejs vinyl-fs 处理文件时输入问题
使用 nodejs vinyl-fs 复制文件时输出路径不对,还是会有原来的相对路径,原因是用了反斜杠“\”,正斜杠“/”没问题 测试过程 node版本: v9.3.0 系统:win10 步骤: 得到 ...
- python——排序
从学校毕业出来后只知道冒泡排序,发现自己对排序的了解还是很浅显. 于是在网上搜索各种排序方法,以下是本人根据索搜出来的资料再结合自己理解作出的一些简单的阐述. 如果有不正确的地方欢迎大家指正.(共同学 ...
- asp.net使用SpeechSynthesizer类生成语音文件部署到iis遇到的几个坑
首先需要引入命名空间System.Speech.Synthesis,代码如下: using (var speechSyn = new SpeechSynthesizer()) { speechSyn. ...