jquery基礎知識1

2022-04-15 05:11:20 字數 1321 閱讀 5430

jquery 的 $.each,$.trim,$.map三種基本方法

1.$.each()  

作用 :相當於for 對陣列元素進行遍歷 也可以對json物件,鍵值對物件遍歷  通過**函式實現

var arrint=[1,2,3,4,5];

$.each(arrint,function(key,value));

// var p=;

// $.each(p,function(key,value));

2.$.trim()

作用:去掉字串首尾空白字元

var str=" qwe "

alert($.trim(str));

3.$.map()

作用:對陣列進行操作

var arrint=[10,33,44,55,66];

// arrint=$.map(arrint,function(element,index));

// alert(arrint);

// arrint=$.map(arrint,function(element,index));

// alert(arrint);

4.dom物件和jquery物件

// dom-->jquery $(dom)

//jquery-->dom jqueryobject.get(0) or jqueryobject[0]

// 問題:為什麼要把dom物件轉化為jquery物件

// 解決部分瀏覽器的相容性問題

var divobj=document.getelementbyid('div1');

divobj.innerhtml="hello world";

// dom-->jquery

$dvobj=$(divobj);

$dvobj.html("你好世界");

//jquery-->dom

var domdiv=$dvobj[0];

domdiv.innerhtml="1232456qweqwrqwr";

document.getelementbyid('btn').onclick=function());

$link=$(document.getelementbyid('link'));

// $link.html('wowowowoow');

$link.html('

');jquery部分方法

1.css()  

2.val() ----value();表單元素內容

html() ----innerhtml();//文字加元素

text() ----innertext();//純文字

jquery 基礎知識

1,取物件 根據id取 物件的id 根據class取 物件的id 2,設定 獲取值 innerhtml val text innerhtml innertext 3,設定 獲取 table 中某行某列的值 設定table7,第2個tr的第乙個td的值。table7 tr eq 1 td nth ch...

Jquery基礎知識

1 寫得少,做得多 2 執行速度快 jqurey通過選擇器獲取標籤 myid 選擇 id為myid的網頁元素 myclass 選擇 class為myclass的元素 li 選擇所有的 li元素 ul1 li span 選擇 id為為ul1元素下的所有li下的span元素 input name fir...

JQuery基礎知識

jquery是js的封裝庫,提供了大量的apl,是目前使用最流行最廣泛的js庫。在head和body中都可以引入,注意放在頁面的標籤後面必須新增入口函式 function 父節點 parent 子節點 children 所有的兄弟節點 siblings 後面的乙個兄弟節點 next 前面的乙個兄弟節...