jquery基礎入門

2021-08-23 14:46:53 字數 1300 閱讀 3874

1.選擇某個元素:

按元素id:$("#id"),如果id類似這種company.name,則是$("#company\\.name")

按元素css的class:$(".cssclass");

如: 則是$(".separator")

2.元素的顯示與隱藏

$("#obj").show();("#obj").hide();

另外就是$(".hid").toggle(0);表示所有css的class為hid的元素顯示或者隱藏。

引數0表示不用動畫。1000表示動畫一秒。類似。

3.給元素加class

$("#obj").addclass("mouov");表示給元素加上class為mouov的css

$("#obj").removeclass("mouov"));去掉元素的mouov css

4.css隔行換色

$('#tbodys tr:odd').css('background-color','#f1f1f1');

$('#tbodys tr:even').css('background-color','#ffffff');

$("#td").attr("rowspan", 2);設定指定td的rowspan=2 同樣可以設定coslpan等等。

5.設定disabled,checkbox

$("#obj").attr("disabled",true);

取消disabled $("#obj").removeattr("disabled");

$("#obj").attr("checked", "true");

6.獲取各種元素的值

下面各種元素id均為obj

form裡面各種元素:input ,checkbox等等

$("#obj").val();//取值 $("#obj").val("123");賦值123

其他元素div,tr,td等 等 為$("#obj").html();//取值$("#obj").html("123");//賦值

7.table操作

複製 $tr1 =$("#tr").clone();

獲取列:$("td:eq(0)",$tr).html("111");//該tr第1列賦值 0表示第一列,以此類推

獲取行:$tr1 =$("#tbodys tr:eq(0)");第一行

賦值id: $tr.attr("id", "tr11");

繫結事件:$tr.bind("mouseover",function());$tr.bind("mouseout",function());

先寫這些吧,以後再補!

jquery外掛程式開發基礎入門

jquery外掛程式開發基礎入門 入門 編寫乙個jquery外掛程式開始於給jquery.fn加入新的功能屬性,此處新增的物件屬性的名稱就是你的外掛程式名稱 jquery.fn,myplugin function 為了避免衝突我們應該將jquery傳遞給乙個自我執行的封閉程式 function jq...

Jquery入門基礎之入口函式

jquery相當於js的乙個庫,裡面封裝好了大量操作dom元素的方法,我們只需要學習怎麼使用和了解這些方法,用起來比js方便快捷。1 方法一 document ready function 2 方法二 function window.onload function 1 不能新增多個入口函式,只能有乙...

jQuery基礎 初識jQuery

根據各種 的源 了解到要用1.x 引入 jquery庫 src jquery 1.12.4.js script 編寫 通過原生的js入口函式可以拿到dom元素 通過原生的js入口函式可以拿到dom元素的寬高 window.onload function ev script document read...