jquery有text()、html()、val()這三種獲得標簽內(nèi)容的方法;

創(chuàng)新互聯(lián)建站提供網(wǎng)站設(shè)計、網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計,成都品牌網(wǎng)站建設(shè),一元廣告等致力于企業(yè)網(wǎng)站建設(shè)與公司網(wǎng)站制作,十余年的網(wǎng)站開發(fā)和建站經(jīng)驗,助力企業(yè)信息化建設(shè),成功案例突破千余家,是您實現(xiàn)網(wǎng)站建設(shè)的好選擇.
補充:
根據(jù)ID獲取:$("#idName").text(),
根據(jù)標簽名獲取:$("p").text(),
根據(jù)類名獲取:$(“.class1”).text()
$("#id")獲取這個對象,獲取對象屬性的話$("#id").attr("屬性名")
jQuery是一個快速、簡潔的JavaScript框架,是繼Prototype之后又一個優(yōu)秀的JavaScript代碼庫(或JavaScript框架)。jQuery設(shè)計的宗旨是“write Less,Do More”,即倡導寫更少的代碼,做更多的事情。它封裝JavaScript常用的功能代碼,提供一種簡便的JavaScript設(shè)計模式,優(yōu)化HTML文檔操作、事件處理、動畫設(shè)計和Ajax交互。
jQuery的核心特性可以總結(jié)為:具有獨特的鏈式語法和短小清晰的多功能接口;具有高效靈活的css選擇器,并且可對CSS選擇器進行擴展;擁有便捷的插件擴展機制和豐富的插件。jQuery兼容各種主流瀏覽器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
2007年7月,jQuery 1.1.3版發(fā)布,這次小版本的變化包含了對jQuery選擇符引擎執(zhí)行速度的顯著提升。從這個版本開始,jQuery的性能達到了Prototype、Mootools以及Dojo等同類JavaScript庫的水平。同年9月,jQuery 1.2版發(fā)布,它去掉了對XPath選擇符的支持,原因是相對于CSS語法它已經(jīng)變得多余了。這一版能夠?qū)πЧM行更為靈活的定制,而且借助新增的命名空間事件,也使插件開發(fā)變得更容易。同時,jQuery UI項目也開始啟動,這個新的套件是作為曾經(jīng)流行但已過時的Interface插件的替代項目而發(fā)布的。jQuery UI中包含大量預(yù)定義好的部件(widget),以及一組用于構(gòu)建高級元素(例如可拖放、拖拽、排序)的工具。
2008年5月,jQuery 1.2.6版發(fā)布,這版主要是將Brandon Aaron開發(fā)的流行的Dimensions插件的功能移植到了核心庫中,同時也修改了許多BUG,而且有不少的性能得到提高。因此,如果以前的jQuery版本升級到1.2.6,那么完全可以從代碼中排除Dimensions插件(一個獲得元素尺寸、定位的插件)。
在jQuery迅速發(fā)展的同時,一些大的廠商也看中了商機。2009年9月,微軟和諾基亞公司正式宣布支持開源的jQuery庫,另外,微軟公司還宣稱他們將把jQuery作為Visual Studio工具集的一部分。他將提供包括jQuery的智能提示、代碼片段、示例文檔編制等內(nèi)容在內(nèi)的功能。微軟和諾基亞公司將長期成為jQuery的用戶成員,其他成員還有Google,Intel,IBM,Intuit等公司。
2009年1月,jQuery 1.3版發(fā)布,它使用了全新的選擇符引擎Sizzle,在各個瀏覽器下全面超越其他同類型JavaScript框架的查詢速度,程序庫的性能也因此有了極大提升。這一版本的第2個變化就是提供live()方法,使用live()方法可以為當前及將來增加的元素綁定事件,在1.3版之前,如果要為將來增加的元素綁定事件,需要使用livequery插件,而在1.3版中,可以直接用live()方法。
jquery通過任何選擇器取得的對象都是jquery對象而不是JavaScript的dom對象不能用js的方法進行操作 而需要使用jquery對象支持的方法 如果是通過class的話取得的是jquery對象數(shù)組
ps 如果想把jquery對象裝換為js對象可以用以下方法
1 var obj = $('#xx')[0] 獲得dom對象
2 對于數(shù)組
var obj = $('.xx').each(function(){
alert(this)//這里 this獲得的就是每一個dom對象 如果需要jquery對象 需要寫成$(this)
});
$("#div_id").height();
// 獲得的是該div本身的高度, (不包含padding,margin,border)
$("#div_id").outerHeight();
// 包含該div本身的高度, padding上下的高度, 以及border上下的高度(不包含margin的高度)
$("#div_id").outerHeight(true);
// 包含該div本身的高度, 以及padding,border,margin上下的總高度
$(window).height();
// 獲取瀏覽器顯示區(qū)域(可視區(qū)域)的高度
$(window).width();
// 獲取頁面的文檔高度
$(document).height();
// 瀏覽器當前窗口文檔的高度
$(document.body).width();
// 瀏覽器當前窗口文檔body的高度
$(document).scrollTop();
// 獲取滾動條到頂部的垂直高度 (即網(wǎng)頁被卷上去的高度)
obj.offset().top
// 某個元素的上邊界到body最頂部的距離(在元素的包含元素不含滾動條的情況下)
1.next();//獲取當前元素的下一個兄弟元素
2.nextAll();//獲取當前元素后面所有的兄弟元素
3.prev();//獲取當前元素的前一個兄弟元素
4.prevAll();//獲取當前元素前面的所有兄弟元素
5.siblings();//獲取當前元素的所有兄弟元素
6.children();//獲取一個元素的直接子元素,類似于 $(‘ul li’)
7.find();//獲取一個元素的某種所有子元素,類似于 $(‘ul li’)
8.parent();//獲取當前元素的父元素
參考
上一個實例……這種畸形需求……條件太苛刻
建議根據(jù)屬性值猜一個屬性名,畢竟屬性名是有限的,而且是有規(guī)律的
【推薦方法】如:$([class*="屬性值"], [id*="屬性值"], [title*="屬性值"])
如果是 data 數(shù)據(jù),也可以進行遍歷,或者轉(zhuǎn)換成文本進行檢索
JSON.stringify($('#blog_nav_rss').data()).match(/"([\w-]+)":"[^"]*檢索的內(nèi)容[^"]*"/g)
如果把網(wǎng)頁文檔轉(zhuǎn)換成文本進行全文檢索,效率低下,效果不好。$('body').html().match(/([\w-]+)="[^"]*檢索的內(nèi)容[^"]*"/g)
本文標題:jquery根據(jù)獲取元素,jquery獲取元素寬度
網(wǎng)站地址:http://chinadenli.net/article42/dsidgec.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供響應(yīng)式網(wǎng)站、企業(yè)網(wǎng)站制作、用戶體驗、標簽優(yōu)化、網(wǎng)站營銷、網(wǎng)站導航
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)