日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > javascript >内容正文

javascript

JS对象与jQuery对象

發布時間:2023/12/10 javascript 21 豆豆
生活随笔 收集整理的這篇文章主要介紹了 JS对象与jQuery对象 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

JS對象大致可以分為三種,如下圖:

JS常用內置對象(JS自身所持有的對象,不需要創建,直接可用):
String:API跟java的字符串API大致相同

兩種創建對象的方式:String s1 = “hello world”;

String s2 = new String("hello world");

String有length屬性,但是在java中String是有length方法的;其含義是不一樣的。

Number:是數值對象

創建對象:var myNum = 123456;

Boolean:跟java的布爾類似

Array:有length屬性,而且數組長度是可變的;

創建對象:var a1 = new Array();

var a2 = new Array(7);var a3 = new Array(100,"a",true);var a4 = [100,200,300];

訪問數組元素: a1[0] = 1;//a1長度由0變成了1

console.log(a3[1]);

Math:對象用于執行數學任務,有相應的API

Date:是JS中操作日期的對象,與java雷士,有相應的API

RegExp:正則表達式對象

創建方式:var regExp = /^\d{3,6}/g;//一般以開頭,以/g; //一般以^開頭,以/g;//結尾

var regExp1 = new RegExp("/^\d{3,6}$/");

注意:正則表達式對象,后續可以接兩個參數,第一個參數,是正則表達式,第二個參數可以是g或者i;其中g表示設定當前匹配為全局模式;i表示忽略匹配中大小寫的檢測。

Function:JS中的函數就是Function對象,函數名就是指向Function的引用

使用函數名是可以訪問對象;函數名()是調用函數

JS外部對象(由瀏覽器提供的,可以直接訪問、操作瀏覽器;是瀏覽器提供的API,也是一套對象):
BOM:瀏覽器對象模型,用來訪問和操作瀏覽器窗口的;如下圖:

DOM:文檔對象模型,用來操作文檔的;如下圖:

BOM與DOM的關系:

其中細節就不詳解了,因為只是介紹對象,并不是接受BOM和DOM的操作。

自定義對象:
直接創建對象:var stu = {“name”:“張三”,“age”:“18”,“job”:function(){}};//相當于一個JSON對象

構造器創建對象:

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()}//自定義構造器,//1.函數做成構造器首字母要大寫//2.聲明好要傳入的參數//3.將參數存入對象內部function Coder(name,age,work){//this就是當前創建出來的對象//this.name是給該對象增加一個屬性//=name是將參數賦值給這個屬性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="內置構造器"οnclick="f2();"/><input type="button" value="自定義構造器"οnclick="f3();"/>

使用jQuery可能存在3中對象:

1.jQuery對象:

通常jQuery選擇器選中的目標一定是jQuery對象;一般jQuery方法若返回節點則是jQuery對象;一般jQuery賦值的方法返回的是jQuery對象;

2.DOM對象:

從jQuery中獲取一個DOM對象:$obj[i]/$obj.get(i)(jQuery方法); jQuery轉換為一DOM對象的方法:jQuery加一個下標轉換;

3.內置對象(尤其是字符串)

一般jQuery返回具體的值則是String注:萬能方法:輸出對象觀察

舉例:
jQuery對象與DOM對象之間的相互轉換,如下代碼:

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>jQuery對象</title> <script src="../js/jquery-1.11.1.js"></script> <script>//jQuery轉為DOM的方法:jQuery加一個下標轉換function print(){//取到所有的p,選擇器獲取的jquery對象var $ps = $("p");console.log($ps.typeof);for(var i=0;i<$ps.length;i++){console.log($ps[i]);alert($ps[i].innerHTML);}}//DOM轉jQuery的方法//傳入的this是正在點擊的那張圖片,此處的this(img)是一個DOM對象function chg(img){//沒寫參數就是取值,寫了就是設置值if($(img).width()=="1000"){$(img).width("250px").height("250px");}else{$(img).width("1000px").height("701px");}} </script> </head> <body><input type="button" value="打印" οnclick="print()"/><p>1.jQuery對象本質上是DOM數組</p><p>2.jQuery對象和DOM對象可以互轉</p><p>3.jQuery對象只能調用jQuery方法</p><p>4.DOM對象只能調用DOM方法</p><div><img src="../image/4.jpg" οnclick="chg(this);"/><img src="../image/5.jpg" οnclick="chg(this);"/><img src="../image/6.jpg" οnclick="chg(this);"/></div> </body> </html>

總結

以上是生活随笔為你收集整理的JS对象与jQuery对象的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。

主站蜘蛛池模板: 日韩欧美在线视频免费观看 | www久久| 天天干少妇 | 91超碰免费 | 亚洲91在线 | 欧美极品少妇无套实战 | 免费看片网站91 | 丝袜诱惑一区二区 | 一卡二卡三卡四卡在线 | 亚洲精品久久夜色撩人男男小说 | 99riav国产在线观看 | 吃奶在线观看 | 芒果视频污污 | 无码日韩人妻精品久久蜜桃 | 久久久久久国产精品免费免费 | 精品人妻伦一二三区免费 | 丰满护士巨好爽好大乳 | 国产精品日本 | 成人高清视频在线观看 | 日本视频不卡 | 蜜桃又黄又粗又爽av免 | 黑人极品videos精品欧美裸 | 精品女同一区 | 国产三级漂亮女教师 | 偷偷操网站 | 边吃奶边添下面好爽 | 亚洲天堂日韩av | 欧美亚洲视频 | 亚洲欧美国产一区二区三区 | 国产主播中文字幕 | 亚洲激情视频网 | 青青草操| 免费中文字幕日韩 | 高清性爱视频 | 黄色片视频免费观看 | 精品久久不卡 | 天天在线观看 | 国产毛片在线 | 亚洲码国产精品高潮在线 | 免费观看国产视频 | av男人天堂网 | 亚洲一区精品在线观看 | 九九热精品 | 五月婷在线 | 爱情岛亚洲首页论坛 | 免费黄色网址在线观看 | 国产一级免费看 | 亚洲一区二区网站 | 亚洲一区影院 | 91啪国产 | 性做久久久久久久免费看 | 国产精品片| 亚洲国产视频一区二区 | 久久久精品人妻一区二区三区四 | 欧美激情第三页 | 国产成人精品av在线观 | av手机天堂 | 天天热天天干 | 亚洲国产成人va在线观看天堂 | 成人欧美一区二区三区黑人动态图 | aaaaaa毛片 | 精品无码国产污污污在线观看 | 午夜xxx| 日韩黄色网页 | 日韩电影一区二区在线观看 | 成年人视频在线免费看 | 国产成人愉拍精品久久 | 欧美日韩精品区 | 杨幂一区二区三区免费看视频 | 一本一道波多野结衣av黑人 | 好吊妞这里只有精品 | 成人毛片视频在线观看 | 色吧在线观看 | 亚洲a成人| 91精品国产99久久久久久红楼 | 五月天欧美| 国产精品666 | 国产精品一区二区久久毛片 | 爽好多水快深点欧美视频 | 久久久www | 国产精品亚洲色图 | 亚洲天堂网站在线 | 日日舔夜夜操 | 叶山小百合av一区二区 | 亚洲国产剧情在线观看 | 天堂√| 色妞色视频一区二区三区四区 | 精品乱子伦一区二区三区 | 娇妻被老王脔到高潮失禁视频 | 亚洲欧美视频在线观看 | 午夜在线一区二区三区 | 亚洲天堂男人av | 免费人成在线观看 | 动漫av网站免费观看 | 红桃视频亚洲 | 激情六月婷 | 一本久久a精品一合区久久久 | 乳色吐息在线看 | 伊人亚洲天堂 |