怎么引入JQuery.min.js文件

本篇內容介紹了“怎么引入JQuery.min.js文件”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！

　　jQuery設置內容和屬性

　　設置內容 - text()、html() 以及 val()

　　我們將使用前一章中的三個相同的方法來設置內容：

　　? text() - 設置或返回所選元素的文本內容

　　? html() - 設置或返回所選元素的內容(包括 HTML 標記)

　　? val() - 設置或返回表單字段的值

　　下面的例子演示如何通過 text()、html() 以及 val() 方法來設置內容：

　　$("#btn1").click(function(){

　　$("#test1").text("Hello world!");

　　});

　　$("#btn2").click(function(){

　　$("#test2").html("Hello world!");

　　});

　　$("#btn3").click(function(){

　　$("#test3").val("jpowernode");

　　});

　　text()、html() 以及 val() 的回調函數

　　上面的三個 jQuery 方法：text()、html() 以及 val()，同樣擁有回調函數。回調函數有兩個參數：被選元素列表中當前元素的下標，以及原始(舊的)值。然后以函數新值返回您希望使用的字符串。

　　下面的例子演示帶有回調函數的 text() 和 html()：

　　$("#btn1").click(function(){

　　$("#test1").text(function(i,origText){

　　return "舊文本: " + origText + " 新文本: Hello world! (index: " + i + ")";

　　});

　　});

　　$("#btn2").click(function(){

　　$("#test2").html(function(i,origText){

　　return "舊 html: " + origText + " 新 html: Hello world! (index: " + i + ")";

　　});

　　});

　　設置屬性 - attr()

　　jQuery attr() 方法也用于設置/改變屬性值。

　　下面的例子演示如何改變(設置)鏈接中 href 屬性的值：

　　$("button").click(function(){

　　$("#bjpowernode").attr("href","");

　　});

　　attr() 方法也允許您同時設置多個屬性。

　　下面的例子演示如何同時設置 href 和 title 屬性：

　　$("button").click(function(){

　　$("#bjpowernode").attr({

　　"href" : "",

　　"title" : "jQuery 教程"

　　});

　　});

　　attr() 的回調函數

　　jQuery 方法 attr()，也提供回調函數。回調函數有兩個參數：被選元素列表中當前元素的下標，以及原始(舊的)值。然后以函數新值返回您希望使用的字符串。

　　下面的例子演示帶有回調函數的 attr() 方法：

　　$("button").click(function(){

　　$("#bjpowernode").attr("href", function(i,origValue){

　　return origValue + "/jquery";

　　});

　　});

“怎么引入JQuery.min.js文件”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！