如何在js 文件中使用jquery

1.js

我們提供的服務(wù)有：成都網(wǎng)站制作、網(wǎng)站建設(shè)、微信公眾號(hào)開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、清水ssl等。為成百上千家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的清水網(wǎng)站制作公司

其中1.html代碼如下：

如要測(cè)試還需要加上jquery.js 這個(gè)可自行下載

運(yùn)行后點(diǎn)擊按鈕效果如圖：

下面再附上網(wǎng)上的一些方法：

1、直接document.write

script language="javascript"

document.write("script src='test.js'\/script");

/script

2、動(dòng)態(tài)改變已有script的src屬性

script src='' id="s1"/script

script language="javascript"

s1.src="test.js"

/script

3、動(dòng)態(tài)創(chuàng)建script元素

script

var oHead = document.getElementsByTagName('HEAD').item(0);

var oScript= document.createElement("script");

oScript.type = "text/javascript";

oScript.src="test.js";

oHead.appendChild( oScript);

/script

其實(shí)原理就是利用dom動(dòng)態(tài)的引入一個(gè)js到文件中來，就能和原有的js通信了。

jquery選擇一元素的父類元素的寫法

jquery提供了parent()方法獲得當(dāng)前匹配元素集合中每個(gè)元素的父元素，例如

$("p").parent(".selected");????//?查找每個(gè)段落的帶有?"selected"?類的父元素：

實(shí)例演示如下:

1、HTML結(jié)構(gòu)

li?name="li-1"a?href="#"第1個(gè)超鏈接/a/li

li?name="li-2"a?href="#"第2個(gè)超鏈接/a/li

li?name="li-3"a?href="#"第3個(gè)超鏈接/a/li

li?name="li-4"a?href="#"第4個(gè)超鏈接/a/li

2、jquery代碼

$(function(){

$("a").click(function()?{

var?str?=?$(this).parent("li").attr("name");

alert(str);

});

});

3、效果演示

jquery怎么寫

你的代碼是沒有問題的，可能出現(xiàn)不對(duì)的原因有兩個(gè)，

一個(gè)是沒有加jquery庫

另外一個(gè)就是你a元素里面有網(wǎng)址點(diǎn)擊以后就跳轉(zhuǎn)了

一下是已經(jīng)測(cè)試好的代碼

ul?class="tab?tab_y1"

a?href="#"li廣西北海/li/a?

a?href="#"li潮汕廈門/li/a?

/ul

script?src=""/script

script

$(function(){

?$('ul.tab?a?li').click(function(){

$(this).addClass('on');

?})

})

/script

jquery幾種書寫格式

幾種書寫格式

//1、原始????

$(document).ready(function(){????

document.write("test1",?"br/");????

});????

//2、縮寫????

$(function(){????

document.write("test3",?"br/");????

});????

//3、意義為在DOM加載完畢后執(zhí)行了ready()方法????

jQuery(function(){????

document.write("test4",?"br/");????

});????

//等價(jià)于????

jQuery(document).ready(function(){?????

document.write("test5",?"br/");????

});?????

$(document).ready(function(){????

(function(){?????

document.write("aaa",?"br/");????

})(jQuery);????

//立即執(zhí)行函數(shù)；相當(dāng)于先申明一個(gè)函數(shù)，聲明完后直接調(diào)用；????

(function(){????

document.write("bbb",?"br/");????

})();????

(function(str){????

document.write(str,?"br/");????

})("output");????

//相當(dāng)于：????

function?OutPutFun(str){????

document.write(str,?"br/");????

};????

OutPutFun("output");????

});

JQuery常用寫法

jQuery(function(){})、jQuery().ready(function(){})

綁定點(diǎn)擊事件: jQuery('#temp').click(function() {})；

篩選:jQuery('#temp [type="checkbox"]').prop('disabled'，false)； 這句話的作用就是將id為temp的對(duì)象下所有類型是復(fù)選框的子對(duì)象的禁用給解用。

其實(shí)jQuery確實(shí)很強(qiáng)大，有時(shí)間的話，你可以看看jQuery的幫助文檔。

網(wǎng)站標(biāo)題：jquery寫法,jquery介紹
當(dāng)前路徑：http://jinyejixie.com/article12/dsdjjdc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供自適應(yīng)網(wǎng)站、域名注冊(cè)、網(wǎng)站排名、關(guān)鍵詞優(yōu)化、品牌網(wǎng)站設(shè)計(jì)、建站公司

廣告

聲明：本網(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)