JavaWEB jQuary框架基礎

2021-08-28 03:01:23 字數 2673 閱讀 2743

標籤操作

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