js06--函数库jq与prototype

接着我们继续学习一些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";}οnlοad=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 等等

   各对象之间并非相互独立的，而是有联系的。

转载于:https://www.cnblogs.com/kuai-man/p/10724981.html

js06--函数库jq与prototype相关推荐

【java学习之路】（javaWeb篇）006.构造函数、JQuery函数库
构造函数概述:在JavaScript语言当中也有所谓构造函数[constructor],JS当中构造函数要符合如下两个特征: 函数名字首个英文字母一般需要大写[不是决定形因素] 构造函数务必.必须. ...
状态模式的介绍及状态机模型的函数库javascript-state-machine的用法和源码解析
文章大体就两部分: 状态模式状态机模型的函数库javascript-state-machine的用法和源码解析场景及问题背景: 我们平时开发时本质上就是对应用程序的各种状态进行切换并作出相应处理. ...
JavaScript 自定义工具函数库
文章目录自定义工具函数库函数相关 call()&apply()&bind() call(Fn,obj,.....args) apply(Fn,obj,args) bind(Fn,o ...
php中操作mysql的函数库
发现php中的mysql库是一个函数库而不是一个类库使用面向过程的形式组织. mysql_affected_rows -- 取得前一次 MySQL 操作所影响的记录行数 mysql_change ...
在Uubuntu 14.04 64bit上搭建NumPy函数库环境
为了研究<机器学习实战>这本书, 我需要使用Python来编写代码, 特别需要使用NumPy这个函数库.为此,按照书上的说明, 验证如下. 直接在Linux终端输入python进入其命令行 ...
c int转字符串_【C++实现python字符串函数库】字符串匹配函数startswith与endswith
[C++实现python字符串函数库]字符串匹配函数startswith与endswith 这两个函数用于匹配字符串的开头或末尾,判断是否包含另一个字符串,它们返回bool值.startswith() ...
php bc函数库,PHP高精确度运算BC函数库实例详解
本文实例讲述了PHP高精确度运算BC函数库.分享给大家供大家参考,具体如下: /************************************************************ ...
现代 JavaScript 函数库 usuallyjs 的安装和使用
usuallyjs usuallyjs 是一个面向现代 Web 开发的 JavaScript 实用函数库. usuallyjs 基于 ES6 开发,抛弃了传统 Web 开发中 DOM 和 BOM 操作 ...
请问用Microsoft的VFW函数库怎样设置摄像头的速度?
请问用Microsoft的VFW函数库怎样设置摄像头的速度? Delphi / Windows SDK/API http://www.delphi2007.net/DelphiMultimedia/h ...

js06--函数库jq与prototype

js06--函数库jq与prototype相关推荐

最新文章

热门文章