1、新建一個(gè)html文件,命名為test.html,用于講解。
成都創(chuàng)新互聯(lián)公司-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比吉水網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式吉水網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們,業(yè)務(wù)覆蓋吉水地區(qū)。費(fèi)用合理售后完善,10年實(shí)體公司更值得信賴。
2、在test.html文件內(nèi),在p標(biāo)簽內(nèi),使用a標(biāo)簽創(chuàng)建一個(gè)鏈接,同時(shí)設(shè)置id為mylink,主要用于下面通過該id獲得a對(duì)象。
3、在test.html文件內(nèi),給a標(biāo)簽添加title屬性,屬性值為“這是測(cè)試的鏈接”。
4、在test.html文件內(nèi),使用button標(biāo)簽創(chuàng)建一個(gè)按鈕,按鈕名稱為“獲得title內(nèi)容”。
5、在test.html文件中,給button按鈕綁定onclick點(diǎn)擊事件,當(dāng)按鈕被點(diǎn)擊時(shí),執(zhí)行g(shù)etitle()函數(shù)。
6、在js標(biāo)簽內(nèi),創(chuàng)建getitle()函數(shù),在函數(shù)內(nèi),通過id(mylink)獲得a對(duì)象,使用attr()方法獲得title屬性值,即title的內(nèi)容,最后,使用alert()方法將獲得的內(nèi)容輸出。
7、在瀏覽器打開test.html文件,點(diǎn)擊按鈕,查看實(shí)現(xiàn)的效果。
//1、格式:
window.frames["iframe的name值"].document.title;
//實(shí)例:
window.frames["ifm"].document.title;
//2、格式:
var?obj=document.getElementById("iframe的name").contentWindow;
var?ifmObj=obj.document.title;
//實(shí)例:
var?obj=document.getElementById("ifm").contentWindow;
var?ifmObj=obj.document.title;
//3、格式:
window.parent.document.getElementById("父窗口的元素ID").title;
//實(shí)例:
window.parent.document.getElementById("ifm").title;
//jquery在父窗口中獲取iframe中的元素
//1、格式:
$("#iframe的ID").contents().attr("title");//jquery?方法1
//實(shí)例:
$("#ifm").contents().attr("title");//jquery?方法1
//2、格式:
$(selector,?window.top.document);;?//jquery?方法2
//實(shí)例:
$(document,?window.top.document).attr("title");//jquery?方法2
//類似的方法
$(selector,?window.top.document);?
$(selector,?window.opener.document);?
$(selector,?window.top.frames[0].document);
用原生的js
document.title?=?"newStr";
jQuery的話
$(document).attr("title","修改title的內(nèi)容");
$("title").html("修改title的內(nèi)容");
如下:
function doSet(){
alert($(document).attr("title"));//獲取title值.
$(document).attr("title","修改內(nèi)容");//修改title值
}
擴(kuò)展資料:
Jquery常用方法總結(jié):
1、頁面元素的引用
通過jquery的$()引用元素包括通過id、class、元素名以及元素的層級(jí)關(guān)系及dom或者xpath條件等方法,且返回的對(duì)象為jquery對(duì)象(集合對(duì)象),不能直接調(diào)用dom定義的方法。
2、jQuery對(duì)象與dom對(duì)象的轉(zhuǎn)換
只有jquery對(duì)象才能使用jquery定義的方法。注意dom對(duì)象和jquery對(duì)象是有區(qū)別的,調(diào)用方法時(shí)要注意操作的是dom對(duì)象還是jquery對(duì)象。
普通的dom對(duì)象一般可以通過$()轉(zhuǎn)換成jquery對(duì)象。
3、獲取jQuery集合的某一項(xiàng)
對(duì)于獲取的元素集合,獲取其中的某一項(xiàng)(通過索引指定)可以使用eq或get(n)方法或者索引號(hào)獲取,要注意,eq返回的是jquery對(duì)象,而get(n)和索引返回的是dom元素對(duì)象。
對(duì)于jquery對(duì)象只能使用jquery的方法,而dom對(duì)象只能使用dom的方法,如要獲取第三個(gè)div元素的內(nèi)容。有如下兩種方法:
復(fù)制代碼如下:
$("div").eq(2).html(); //調(diào)用jquery對(duì)象的方法
$("div").get(2).innerHTML; //調(diào)用dom的方法屬性
4、集合處理功能
對(duì)于jquery返回的集合內(nèi)容無需我們自己循環(huán)遍歷并對(duì)每個(gè)對(duì)象分別做處理,jquery已經(jīng)為我們提供的很方便的方法進(jìn)行集合的處理。
包括兩種形式:
$("p").each(function(i){this.style.color=['#f00','#0f0','#00f'][i]})
//為索引分別為0,1,2的p元素分別設(shè)定不同的字體顏色。
$("tr").each(function(i){this.style.backgroundColor=['#ccc','#fff'][i%2]})
//實(shí)現(xiàn)表格的隔行換色效果
$("p").click(function(){alert($(this).html())})?
//為每個(gè)p元素增加了click事件,單擊某個(gè)p元素則彈出其內(nèi)容
5、擴(kuò)展我們需要的功能
$.extend({
min: function(a, b){return a b?a:b; },
max: function(a, b){return a b?a:b; }
}); //為jquery擴(kuò)展了min,max兩個(gè)方法
使用擴(kuò)展的方法(通過“$.方法名”調(diào)用} :
alert("a=10,b=20,max="+$.max(10,20)+",min="+$.min(10,20));
7、支持方法的連寫
所謂連寫,即可以對(duì)一個(gè)jquery對(duì)象連續(xù)調(diào)用各種不同的方法。
例如:
$("p").click(function(){alert($(this).html())})
.mouseover(function(){alert('mouse over event')})
.each(function(i){this.style.color=['#f00','#0f0','#00f'][i]});
8、操作元素的樣式
主要包括以下幾種方式:
$("#msg").css("background"); //返回元素的背景顏色
$("#msg").css("background","#ccc") //設(shè)定元素背景為灰色
$("#msg").height(300); $("#msg").width("200"); //設(shè)定寬高
$("#msg").css({ color: "red", background: "blue" });//以名值對(duì)的形式設(shè)定樣式
文章標(biāo)題:titlejquery,titlejquery動(dòng)畫效果
網(wǎng)站網(wǎng)址:http://jinyejixie.com/article24/dsdjije.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供建站公司、網(wǎng)站制作、企業(yè)建站、定制網(wǎng)站、電子商務(wù)、做網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)