jQuery簡化js操作解析

2021-09-26 10:11:15 字數 419 閱讀 6493

首先舉乙個原生js操作的例子,比如需要獲得div的id值,然後用innerhtml方法獲得div中的值,用alert顯示在頁面上

div1...

div2...

對get id進行方法封裝:

function get(id)
則之前獲取id的方法可以簡化為兩步

var div1=get("div1");

var div2=get("div2");

但是這還沒有做到和jquery類似,我們新建乙個test.js,把方法放入其中

然後進行引入

jquery框架即是如此簡化js操作,只不過方法比我們的多得多。

JQuery (簡化dom操作)

jquery本質是乙個js檔案,裡面是js常用功能的封裝。比如繫結事件,修改內容,修改樣式等。是乙個函式,是jquery 的簡寫,它的一些過載函式見下。elements 將乙個或多個dom物件 原生js獲取到的dom物件 轉化為jquery物件。id1 html 返回id為id1的jquery物件,...

JQuery (簡化dom操作)

jquery本質是乙個js檔案,裡面是js常用功能的封裝。比如繫結事件,修改內容,修改樣式等。是乙個函式,是jquery 的簡寫,它的一些過載函式見下。elements 將乙個或多個dom物件 原生js獲取到的dom物件 轉化為jquery物件。id1 html 返回id為id1的jquery物件,...

js操作語言解析

document物件是唯一乙個既屬於bom又屬於dom的對名象,每個瀏覽器實現的document物件稍有不同。title 頁面標題。可讀寫。rul 可讀寫,可以獲取當前頁面的url,或者設定新的url,導航到新的頁面。location 物件表示載入視窗的url,還可以解析url。是window和do...