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...