標籤操作
"p1">
$("#p1") //通過給定的id匹配元素
class="c1">
$(".c1") //通過給定的css類名匹配元素
$("*") //*表示選擇所有
$("#p1,.c1") //","表示選擇多個標籤
祖先後代選擇器
$("div p") //匹配div標籤下的p標籤
父子選擇器
$(
"div>p")
「兄弟」選擇器
$("lable+input")//平級關係,找的是lable之後的第乙個input
$("td:first") //last
$("td:eq(n)") //找第n個
$("td:odd") //下標為奇數的元素(下標0開始) //even下標為偶數的元素
$("td:gt(n)")//下標大於n的元素 //lt 小於
$("td:not(td:gt(n))")取反
$(
"input[name]"); //選中有name屬性的標籤
$("input[value=lol]"); //匹配value值為lol的標籤
$("input[value^=l]"); //value值以l開頭的標籤
$("input[type=button][name=aaa]")同時匹配多個屬性type是button且name是aaa
$("td:nth-child(n)");//用於選擇**的第幾列
$("td:nth-child(1)");**第一列 nth換成first(第乙個)同理last
"button">
$(":button");//找到所有button
$("tbody1 :checkbox:checked"); //找到tbody1中被勾選的核取方塊
.text();//獲取標籤內容,功能等價於:innertext;不帶引數是獲取
.text(新內容);//修改內容為新的內容
$("p.first").text(); //獲取標籤內容
$("p.first").text("hehehehe");//替換標籤內容
.html();//獲取, 功能等價innerhtml
.html("hello
");//替換
$("p.first").html(); //獲取標籤內容
$("p.first").html("helllo
");//替換標籤內容
.empty(); //清空內容,不刪除標籤
.remove(); //刪除整個標籤
$("input:first").remove(); //刪除第乙個input標籤
.prop("屬性名","新值");
$("tbody1 :checkbox").prop("checkbox",true);
文字框的value
.val();
$("input").val();//獲取
$("input").val("新值");//修改
樣式style //操作標籤的樣式
.addclass("樣式"); //新增樣式,推薦使用
.removeclass("樣式");
$("p").addclass("a");
$("p").addclass("b");
$("p").addclass("a b");
換樣式$("p:first").css("background-color","red");
$(
"p:first").hide();//將標籤隱藏,實際上通過樣式display:none實現
$("p:first").show();//顯示
$("p:first").hide(2000);//花2s隱藏起來(動畫效果),同show
$("p:first").toggle();//切換顯示,隱藏效果
.width();
.innerwidth();//寬度=內容+內間距(padding)
.outerwidth();//寬度=內容+內間距(padding)+邊框
$("div:first").width(); //div中內容的寬度
.height();同上
$(window) //將原始的window物件包裝成了jquary的window物件
$(window).width(); //瀏覽器頁面寬高
$(window).height();
$(選擇器).事件方法(匿名函式);
$("#btn1").click(
function())
script> //注意放在body中最後面
要注意整個html的解析順序,script如果放在head部分,執行時會找不到body中尚未解析的標籤
$("#btn1").mouseover(function
());
框架 應用框架
框架也是一種重用方式,重用粒度比構件大,與物件導向技術關係密切。1定義 框架johnson 框架 模式 構件。框架是由開發人員定製的應用系統的骨架 skeleton 是整個系統或子系統的可重用設計,由一組抽象構件和構件例項間的互動方式組成。應用框架 buschmann 特定領域應用的框架。框架技術 ...
前期框架 Bootstrap框架
1.什麼是css框架 封裝了很多重複的工作 提高了開發的效率 隨著web應用變得越來越複雜。在大量的開發過程中,我們發現有許多的功能模組非常相似。例如輪播圖,分頁,導航,進度條,模態框等,每一次都手動書寫無疑是在做重複工作。框架的作用就是把這些功能封裝稱為乙個個元件,在開發過程中直接拿過來使用即可,...
python caffe框架 caffe框架基礎
caffe的核心模組 caffe是乙個清晰而高效的深度學習框架,其作者是博士畢業於uc berkeley的賈揚清,目前在google工作。caffe是純粹的c cuda架構,支援命令列 python和matlab介面 可以在cpu和gpu直接無縫切換。caffe的核心模組有三個,分別是blobs l...