jquery方法連綴談一

2021-08-31 22:52:36 字數 1676 閱讀 8538

jquery連綴談一

這幾天都是寫js效果,寫得多了難免就會煩燥,都是一些曾經寫過的,但每次遇到都要好好整理思維,非得從得來過。

如果你碰到這樣的事,也會不會心煩氣燥呢?呵呵……也許你們都是高人,而我不是。今天怎麼會談到jq連綴呢,是這樣的

之前有碰到過一些**段,總是對之不屑,也許剛初有些不理解,也加之,這樣的效果,只要自己動動腦,也一樣能寫

出來的。我是哪種不喜歡複製別人**的人。也許我壓根就沒把別人的東西看在眼裡,可能這都是技術員的牛氣吧!

呵呵……自誇還是自貶呢,都有。剛起初學jq的時候,看到書本裡著重談方法連綴,我很是不解,這有什麼作用,我在

實際運用當中,好像自己就未曾用到過。為什麼會提到如此重要的位置,還強調是jq的特色之一。嘿嘿……也許年輕,小

孩不懂事,心高氣傲!今天一看才知道確實好用方便,而且寫的**更簡短,可重用度更高。

也許講了這麼多,大家肯定還是一頭霧水,霧裡水裡的。當然是你們不懂jq的,或者是剛剛學的。高手就不笑話了。

所謂連綴就是jq對像的方法,可以乙個接乙個接用dot進行連線,有人馬上會問了,dot是什麼,呵呵……英文中的點,我隨

便賣弄一下。不介意吧。講了這麼多,還沒有乙個示例,顯然不好吧!嘿嘿……下面就例舉乙個:

在web前端開發當中,各位同行是不是經常要用到選項卡這樣的效果,如果你們對選項卡是什麼效果不了解的話,我可以

輕描一下。如果你是學程式設計的,我假設你寫過windows桌面程式,至少看到過。走遠了,近一點,就是用過windows作業系統

。在這裡我們是不是經常會看到一些設定的面板,這個面板上面有排像標籤一樣的東東,把游標移上去,輕輕一點是不是就

切換到相應內容了我就把這樣的東東叫做選項卡效果。有認為簡單的嗎?

這裡我用兩種方法實現之,用以相互對比,有比較才能進步嗎?不是嗎?

第一種是我個人自明的,開始我還以為這是最簡單的方法,可後來看到了連綴的作用後,才改變過來。呵呵……本來愚笨,反應

慢,等了好多個月才意識到這個方法很笨。開始我可是引以自傲的。廢話少說了。實現之:

html**:

標籤1

標籤2

標籤3

標籤4

以上就乙個選項卡的所有前端**,當然還有css樣式了。

css**:

.biaoqian{};

.b_o{};//當前標籤的樣式。

.current{};//當前content的樣式.我還要講一下,這裡的name有什麼作用呢,這也是這種方法的巧妙之處;

下面就給出我的第一種方法。

js**:

function tab1(id1,cn1,id2,cn2));

}//看起來也沒有什麼煩鎖的。希望能看懂。呵呵……然後就呼叫這個方法了。

tab1(".biaoqian b","b_o",".content","current");

應該還不難,很好理解吧。不理解可以qq我:550703900;

下面介紹第二種方法,這也是這次話題的主旨所在呀!

jquery方法連綴。還是用上面的html and css

js**二:

function tab2(id1,cn1,id2,cn2))

if(this).hasclass(cn1)

});}//好像看起來都差不多哦。呵呵…………

呼叫方法就不用再說了吧,祝各位順順利利,開開心心地學到東西。

也談jQuery之學習

由於之前一直是做純客戶端的企業應用,唯一做過的web 應用也是基於adobe flex 的富客戶端應用,因此對html js對不甚了解。目前正在做乙個front end 是jsf 的專案,由於專案進度很趕等因素,我被迫加班寫頁面的驗證,jsf 模板頁面的導航控制等js。湊巧我們用了primeface...

jquery一些方法

1,追加元素 prepend 在被選元素的開頭插入內容 after 在被選元素之後插入內容 before 在被選元素之前插入內容 引數可以為string 也可以為html 2,離開頁面時,提示 不是jquery方法 3,選擇元素 匹配id以aaa開頭 select id aaa 匹配id以aaa結尾...

jquery類似方法的比較(一)

1 div p div p div p div p div p 選擇緊挨在div後面的p元素 div p 選擇div後面的所有同級p元素 div p 選擇div的後代元素中的所有的p元素,不僅僅是子元素 div p 選擇div的子元素中的所有p元素 2 text html val text 獲取所有...