如何在js 文件中使用jquery

1.js

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

其中1.html代碼如下：

如要測試還需要加上jquery.js 這個可自行下載

運行后點擊按鈕效果如圖：

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

1、直接document.write

script language="javascript"

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

/script

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

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

script language="javascript"

s1.src="test.js"

/script

3、動態(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

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

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

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

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

實例演示如下:

1、HTML結(jié)構

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

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

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

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

2、jquery代碼

$(function(){

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

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

alert(str);

});

});

3、效果演示

jquery怎么寫

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

一個是沒有加jquery庫

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

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

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/");????

});????

//等價于????

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

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

});?????

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

(function(){?????

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

})(jQuery);????

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

(function(){????

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

})();????

(function(str){????

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

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

//相當于：????

function?OutPutFun(str){????

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

};????

OutPutFun("output");????

});

JQuery常用寫法

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

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

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

其實jQuery確實很強大，有時間的話，你可以看看jQuery的幫助文檔。

網(wǎng)站標題：jquery寫法,jquery介紹
當前路徑：http://www.ekvhdxd.cn/article12/dsdjjdc.html

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

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)