javascript
JS对象与jQuery对象
JS對(duì)象大致可以分為三種,如下圖:
JS常用內(nèi)置對(duì)象(JS自身所持有的對(duì)象,不需要?jiǎng)?chuàng)建,直接可用):
String:API跟java的字符串API大致相同
兩種創(chuàng)建對(duì)象的方式:String s1 = “hello world”;
String s2 = new String("hello world");String有l(wèi)ength屬性,但是在java中String是有l(wèi)ength方法的;其含義是不一樣的。
Number:是數(shù)值對(duì)象
創(chuàng)建對(duì)象:var myNum = 123456;
Boolean:跟java的布爾類似
Array:有l(wèi)ength屬性,而且數(shù)組長(zhǎng)度是可變的;
創(chuàng)建對(duì)象:var a1 = new Array();
var a2 = new Array(7);var a3 = new Array(100,"a",true);var a4 = [100,200,300];訪問(wèn)數(shù)組元素: a1[0] = 1;//a1長(zhǎng)度由0變成了1
console.log(a3[1]);Math:對(duì)象用于執(zhí)行數(shù)學(xué)任務(wù),有相應(yīng)的API
Date:是JS中操作日期的對(duì)象,與java雷士,有相應(yīng)的API
RegExp:正則表達(dá)式對(duì)象
創(chuàng)建方式:var regExp = /^\d{3,6}/g;//一般以開頭,以/g; //一般以^開頭,以/g;//一般以開頭,以結(jié)尾
var regExp1 = new RegExp("/^\d{3,6}$/");注意:正則表達(dá)式對(duì)象,后續(xù)可以接兩個(gè)參數(shù),第一個(gè)參數(shù),是正則表達(dá)式,第二個(gè)參數(shù)可以是g或者i;其中g(shù)表示設(shè)定當(dāng)前匹配為全局模式;i表示忽略匹配中大小寫的檢測(cè)。
Function:JS中的函數(shù)就是Function對(duì)象,函數(shù)名就是指向Function的引用
使用函數(shù)名是可以訪問(wèn)對(duì)象;函數(shù)名()是調(diào)用函數(shù)JS外部對(duì)象(由瀏覽器提供的,可以直接訪問(wèn)、操作瀏覽器;是瀏覽器提供的API,也是一套對(duì)象):
BOM:瀏覽器對(duì)象模型,用來(lái)訪問(wèn)和操作瀏覽器窗口的;如下圖:
DOM:文檔對(duì)象模型,用來(lái)操作文檔的;如下圖:
BOM與DOM的關(guān)系:
其中細(xì)節(jié)就不詳解了,因?yàn)橹皇墙榻B對(duì)象,并不是接受BOM和DOM的操作。
自定義對(duì)象:
直接創(chuàng)建對(duì)象:var stu = {“name”:“張三”,“age”:“18”,“job”:function(){}};//相當(dāng)于一個(gè)JSON對(duì)象
構(gòu)造器創(chuàng)建對(duì)象:
function f2(){var teacher = new Object();teacher.name = "老師";teacher.age = 18;teacher.sex = "woman";teacher.work = function(){alert("我教書的")};alert(teacher.name);alert(teacher.age);teacher.work()}//自定義構(gòu)造器,//1.函數(shù)做成構(gòu)造器首字母要大寫//2.聲明好要傳入的參數(shù)//3.將參數(shù)存入對(duì)象內(nèi)部function Coder(name,age,work){//this就是當(dāng)前創(chuàng)建出來(lái)的對(duì)象//this.name是給該對(duì)象增加一個(gè)屬性//=name是將參數(shù)賦值給這個(gè)屬性this.name = name;this.age = age;this.work = work;}function f3(){var coder = new Coder("李四",30,function(){alert("我是小白")});alert(coder.name);alert(coder.age);coder.work();}<input type="button" value="內(nèi)置構(gòu)造器"οnclick="f2();"/><input type="button" value="自定義構(gòu)造器"οnclick="f3();"/>使用jQuery可能存在3中對(duì)象:
1.jQuery對(duì)象:
通常jQuery選擇器選中的目標(biāo)一定是jQuery對(duì)象;一般jQuery方法若返回節(jié)點(diǎn)則是jQuery對(duì)象;一般jQuery賦值的方法返回的是jQuery對(duì)象;2.DOM對(duì)象:
從jQuery中獲取一個(gè)DOM對(duì)象:$obj[i]/$obj.get(i)(jQuery方法); jQuery轉(zhuǎn)換為一DOM對(duì)象的方法:jQuery加一個(gè)下標(biāo)轉(zhuǎn)換;3.內(nèi)置對(duì)象(尤其是字符串)
一般jQuery返回具體的值則是String注:萬(wàn)能方法:輸出對(duì)象觀察舉例:
jQuery對(duì)象與DOM對(duì)象之間的相互轉(zhuǎn)換,如下代碼:
總結(jié)
以上是生活随笔為你收集整理的JS对象与jQuery对象的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: .npy文件
- 下一篇: 获取/设置IFRAME内对象元素的几种J