js中有沒有類似jquery的$(this)方法？

在javascript中，DOM節(jié)點(diǎn)有這兩個(gè)方法：

創(chuàng)新互聯(lián)是一家專注網(wǎng)站建設(shè)、網(wǎng)絡(luò)營(yíng)銷策劃、小程序定制開發(fā)、電子商務(wù)建設(shè)、網(wǎng)絡(luò)推廣、移動(dòng)互聯(lián)開發(fā)、研究、服務(wù)為一體的技術(shù)型公司。公司成立十年以來，已經(jīng)為上1000+柴油發(fā)電機(jī)各業(yè)的企業(yè)公司提供互聯(lián)網(wǎng)服務(wù)。現(xiàn)在，服務(wù)的上1000+客戶與我們一路同行，見證我們的成長(zhǎng)；未來，我們一起分享成功的喜悅。

getElementsByTagName

getElementsByClassName

如果可以把里面的id='div'改成class='div'，那么就可以這樣寫：

$('tr').each(function(){

var?subs?=?this.children;

var?target?=?this.getElementsByClassName('div')[0];

//?target?is?the?element?you?want.

});

不過這里你用不上， 用你的代碼舉例可以嘗試這樣用：

$('tr').each(function(){

var?subs?=?this.children;

var?target;

for(var?i=0;isubs.length;i++)?{

if(subs[i].id?===?'div')?{

target?=?subs[i];

break

}

}

//?target?is?the?element?you?want.

});

js除了有JQuery框架以外，還有哪些強(qiáng)大點(diǎn)的框架，或者比較實(shí)用的也可以。。 誰能給我介紹一下？

目前來看，JS框架以及一些開發(fā)包和庫類有如下幾個(gè)，Dojo 、Scriptaculous 、Prototype 、yui-ext 、Jquery 、Mochikit、mootools 、moo.fx

Dojo （JS library and UI component ）：

Dojo是目前最為強(qiáng)大的j s框架，它在自己的Wiki上給自己下了一個(gè)定義，dojo是一個(gè)用JavaScript編寫的開源的DHTML工具箱。dojo很想做一個(gè)“大一統(tǒng)”的 工具箱，不僅僅是瀏覽器層面的，野心還是很大的。Dojo包括ajax, browser, event, widget等跨瀏覽器API，包括了JS本身的語言擴(kuò)展，以及各個(gè)方面的工具類庫，和比較完善的UI組件庫，也被廣泛 應(yīng)用在很多項(xiàng)目中，他的UI組件的特點(diǎn)是通過給html標(biāo)簽增加tag的方式進(jìn)行擴(kuò)展，而不是通過寫JS來生成，dojo的API模仿Java類庫的組織 方式。 用dojo寫Web OS可謂非常方便。dojo現(xiàn)在已經(jīng)4.0了，dojo強(qiáng)大的地方在于界面和特效的封裝，可以讓開發(fā)者快速構(gòu)建一些兼容標(biāo)準(zhǔn)的界面。

優(yōu)點(diǎn)：庫相當(dāng)完善，發(fā)展時(shí)間也比較長(zhǎng)，功能強(qiáng)大，據(jù)說利用dojo的io.bind()可以實(shí)現(xiàn)comet，看見其功能強(qiáng)大非一般，得到IBM和SUN的支持

缺點(diǎn)：文件體積比較大，200多KB，初次下載相當(dāng)慢，此外，dojo的類庫使用顯得不是那么易用，j s語法增強(qiáng)方面不如prototype。

Prototype （JS OO library）：

是一個(gè)非常優(yōu)雅的JS庫，定義了JS的面向?qū)ο髷U(kuò)展，DOM操作API，事件等等，以prototype為核心，形成了一個(gè)外圍的各種各樣 的JS擴(kuò)展庫，是相當(dāng)有前途的JS底層框架，值得推薦，感覺也是現(xiàn)實(shí)中應(yīng)用最廣的庫類（RoR集成的AJAX JS庫），之上還有 Scriptaculous 實(shí)現(xiàn)一些JS組件功能和效果。

優(yōu)點(diǎn)：基本底層，易學(xué)易用，甚至是其他一些js特效開發(fā)包的底層，體積算是最小的了。

缺點(diǎn)：如果說缺點(diǎn)，可能就是功能是他的弱項(xiàng)

Scriptaculous （JS UI component based on prototype）：

Scriptaculous是基于prototype.js框架的JS效果。包含了6個(gè)js文件，不同的文件對(duì)應(yīng)不同的js效果，所以說，如果底層用 prototype的話，做js效果用Scriptaculous那是再合適不過的了，連大名鼎鼎的digg都在用他，可見不一般

優(yōu)點(diǎn)：基于prototype是最大的優(yōu)點(diǎn)，由于使用prototype的廣泛性，無疑對(duì)用戶書錦上添花，并且在《ajax in action》中就拿Scriptaculous來講述js效果

缺點(diǎn)：剛剛興起，需要時(shí)間的磨練

yui-ext (JS UI component)：

基于Yahoo UI的擴(kuò)展包yui-ext是具有CS風(fēng)格的Web用戶界面組件 能實(shí)現(xiàn)復(fù)雜的Layout布局，界面效果可以和backbase媲美，而且使用純javascript代碼開發(fā)。真正的可編輯的表格Edit Grid，支持XML和Json數(shù)據(jù)類型，直接可以遷入grid。許多組件實(shí)現(xiàn)了對(duì)數(shù)據(jù)源的支持，例如動(dòng)態(tài)的布局，可編輯的表格控件，動(dòng)態(tài)加載的Tree 控件、動(dòng)態(tài)拖拽效果等等。1.0 beta版開始同Jquery合作，推出基于jQuery的Ext 1.0，提供了更多有趣的功能。

優(yōu)點(diǎn)：結(jié)構(gòu)化，類似于java的結(jié)構(gòu)，清晰明了，底層用到了Jquery的一些函數(shù)，使整合使用有了選擇，最重要的一點(diǎn)是界面太讓讓人震撼了。

缺點(diǎn)：太過復(fù)雜，整個(gè)界面的構(gòu)造過于復(fù)雜。

Jquery ：

jQuery是一款同prototype一樣優(yōu)秀js開發(fā)庫類，特別是對(duì)css和XPath的支持，使我們寫js變得更加方便！如果你不是個(gè)js高手又想寫出優(yōu) 秀的js效果，jQuery可以幫你達(dá)到目的！并且簡(jiǎn)介的語法和高的效率一直是jQuery追求的目標(biāo)，

優(yōu)點(diǎn)：注重簡(jiǎn)介和高效，js效果有yui-ext的選擇，因?yàn)閥ui-ext 重用了很多jQuery的函數(shù)

缺點(diǎn)：據(jù)說太嫩，歷史不悠久。

Mochikit ：

MochiKit自稱為一個(gè)輕量級(jí)的js框架。MochiKit 主要受到 Python 和 Python 標(biāo)準(zhǔn)庫提供的很多便利之處的啟發(fā)，另外還緩解了瀏覽器版本之間的不一致性。其中的 MochiKit.DOM 尤其方便，能夠以比原始 JavaScript 更友好的方式處理 DOM 對(duì)象。MochiKit.DOM 大部分都是針對(duì) XHTML 文檔定制的，如果與 MochiKit 和 Ajax 結(jié)合在一起，使用 XHTML 包裝的微格式尤其方便。Mochikit可以直接對(duì)字符串或者數(shù)字格式化輸出，比較實(shí)用和方便。它還有自己的 js 代碼解釋器

優(yōu)點(diǎn)：MochiKit.DOM這部分很實(shí)用，簡(jiǎn)介也是很突出的

缺點(diǎn)：輕量級(jí)的缺點(diǎn)

mootools ：

MooTools是一個(gè)簡(jiǎn)潔，模塊化，面向?qū)ο蟮腏avaScript框架。它能夠幫助你更快，更簡(jiǎn)單地編寫可擴(kuò)展和兼容性強(qiáng)的JavaScript代碼。Mootools跟prototypejs相類似，語法幾乎一樣。但它提供的功能要比prototypejs多，而且更強(qiáng)大。比如增加了動(dòng)畫特效、拖放操作等等。

優(yōu)點(diǎn)：可以定制自己所需要的功能，可以說是prototypejs的增強(qiáng)版。

缺點(diǎn)：不大不小，具體應(yīng)用具體分析

moo.fx ：

moo.fx是一個(gè)超級(jí)輕量級(jí)的javascript特效庫（7k）,能夠與prototype.js或mootools框架一起使用。它非常快、易于使用、跨瀏覽器、符合標(biāo)準(zhǔn)，提供控制和修改任何HTML元素的CSS屬性，包括顏色。它內(nèi)置檢查器能夠防止用戶通過多次或瘋狂點(diǎn)擊來破壞效果。moo.fx整體采用模塊化設(shè)計(jì)，所以可以在它的基礎(chǔ)上開發(fā)你需要的任何特效。

優(yōu)點(diǎn)：小塊頭有大能耐

缺點(diǎn)：這么小了，已經(jīng)不錯(cuò)了

html5有沒有類似jqueryui的框架

jQuery UI是以 jQuery 為基礎(chǔ)的開源 JavaScript 網(wǎng)頁用戶界面代碼庫。包含底層用戶交互、動(dòng)畫、特效和可更換主題的可視控件。我們可以直接用它來構(gòu)建具有很好交互性的web應(yīng)用程序。所有插件測(cè)試能兼容IE 6.0+, Firefox 3+, Safari 3.1+, Opera 9.6+, 和GoogleChrome。

目前，前端開發(fā)領(lǐng)域類似于有一下幾個(gè)：

1、jQuery EasyUI

jQuery EasyUI是一組基于jQuery的UI插件集合體，而jQuery EasyUI的目標(biāo)就是幫助web開發(fā)者更輕松的打造出功能豐富并且美觀的UI界面。開發(fā)者不需要編寫復(fù)雜的javascript，也不需要對(duì)css樣式有深入的了解，開發(fā)者需要了解的只有一些簡(jiǎn)單的html標(biāo)簽。

2、Bootstrap

Bootstrap，來自 Twitter，是目前很受歡迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它簡(jiǎn)潔靈活，使得 Web 開發(fā)更加快捷。 它由Twitter的設(shè)計(jì)師Mark Otto和Jacob Thornton合作開發(fā)，是一個(gè)CSS/HTML框架。Bootstrap提供了優(yōu)雅的HTML和CSS規(guī)范，它即是由動(dòng)態(tài)CSS語言Less寫成。Bootstrap一經(jīng)推出后頗受歡迎，一直是GitHub上的熱門開源項(xiàng)目，包括NASA的MSNBC（微軟全國(guó)廣播公司）的Breaking News都使用了該項(xiàng)目。 國(guó)內(nèi)一些移動(dòng)開發(fā)者較為熟悉的框架，如WeX5前端開源框架等，也是基于Bootstrap源碼進(jìn)行性能優(yōu)化而來。

3、Boilerplate

Boilerplate是一個(gè)由 Paul Irish（Google Chrome 開發(fā)人員、jQuery 項(xiàng)目成員、Modernizr 作者、yayQuery 播客主持人）主導(dǎo)的“前端開發(fā)模版”。

HTML5 Boilerplate 是一套具有非常多先進(jìn)特性的框架，其特性簡(jiǎn)單介紹如下：

（1）由 Paul Irish 首創(chuàng)的在 HTML 頁面的 body 上使用 IE 條件注釋判斷瀏覽器版本，從而大大簡(jiǎn)化了針對(duì) IE Hack 的成本（在后來的版本中升級(jí)為在 html 標(biāo)簽中加入條件注釋） （2）HTML5 集成，默認(rèn)使用了很多 HTML5 的特性，并且使其兼容舊版本瀏覽器

（3）大量針對(duì)服務(wù)器的默認(rèn)配置，無需修改即可配置一個(gè)安全、標(biāo)準(zhǔn)的 web 服務(wù)器

（4）完整的 JS 調(diào)試機(jī)制 —— 即使在 IE 下

（5）大量使用 CSS3 技術(shù)，并且集成了幾乎所有來自框架中和技術(shù)大牛們口頭相傳的 CSS 技巧

（6）為所有瀏覽環(huán)境做了優(yōu)化，包括移動(dòng)版本和打印版本

（7）默認(rèn)內(nèi)置 Modernizr，可以檢測(cè)瀏覽器對(duì)新特性的支持能力，方便針對(duì)舊版本瀏覽器優(yōu)化

4、 jQuery Mobile

jQuery Mobile是jQuery 在手機(jī)上和平板設(shè)備上的版本。jQuery Mobile 不僅會(huì)給主流移動(dòng)平臺(tái)帶來jQuery核心庫，而且會(huì)發(fā)布一個(gè)完整統(tǒng)一的jQuery移動(dòng)UI框架。支持全球主流的移動(dòng)平臺(tái)。jQuery Mobile開發(fā)團(tuán)隊(duì)說：能開發(fā)這個(gè)項(xiàng)目，我們非常興奮。移動(dòng)Web太需要一個(gè)跨瀏覽器的框架，讓開發(fā)人員開發(fā)出真正的移動(dòng)Web網(wǎng)站。

有哪些值得推薦的類似 jQuery UI 或者 Bootstrap 這樣的 UI 框架

這位網(wǎng)友你好，現(xiàn)在最火的礦建應(yīng)該是Amaze

UI了吧，很多特點(diǎn)的。

1.

為移動(dòng)而生

Amaze

UI

以移動(dòng)優(yōu)先(Mobile

first)為理念，從小屏逐步擴(kuò)展到大屏，最終實(shí)現(xiàn)所有屏幕適配，適應(yīng)移動(dòng)互聯(lián)潮流。

2.

組件豐富，模塊化

Amaze

UI

含近

20

個(gè)

CSS

組件、10

個(gè)

JS

組件，更有

17

款包含近

60

個(gè)主題的

Web

組件，可快速構(gòu)建界面出色、體驗(yàn)優(yōu)秀的跨屏頁面，大幅提升開發(fā)效率。

3.

本地化支持

相比國(guó)外框架，Amaze

UI

關(guān)注中文排版，根據(jù)用戶代理調(diào)整字體，實(shí)現(xiàn)更好的中文排版效果;兼顧國(guó)內(nèi)主流瀏覽器及

App

內(nèi)置瀏覽器兼容支持。

4.

輕量級(jí)，高性能

Amaze

UI

面向

HTML5

開發(fā)，使用

CSS3

來做動(dòng)畫交互，平滑、高效，更適合移動(dòng)設(shè)備，讓

Web

應(yīng)用更快速載入。

javascript如何寫出類似于jquery中的.hide()的函數(shù)

html代碼

div?id="tbdiv"

my?name?is?div

/div

javascript代碼

//類似jquery全稱

var?myjquery?=?{

elem:undefined,

get:function(id){

this.elem=document.getElementById(id);

return?this;

},

//顯示

show:function(){

if(this.elem){

this.elem.style.display='';

}

return?this;

},

//隱藏

hide:function(){

if(this.elem){

this.elem.style.display='none';

}

return?this;

}

};

//定義一個(gè)簡(jiǎn)稱,類似jquery的$

var?_$?=?myjquery;

//到這為止,?以上是公共的封裝代碼,?下面開始是調(diào)用代碼

window.onload?=?function(){

var?obj?=?_$.get('tbdiv');

obj.hide();

}

其實(shí)就是對(duì)象的封裝