jquery v javascript

Question

我有一個功能，我需要出現在jQuery $(document).ready(function() {} - 我是au fait與JavaScript，但沒有真正與jQuery合作。我如何jQuerify這個功能？

function populateContext() 
{ 
    contextTxtBox = document.getElementById('searchContext'); 
    pathArr = window.location.pathname.split('/'); 
    contextTxtBox.value = pathArr[1].toUpperCase(); 
}; 

Answer 1

它實際上幾乎是相同的，因爲我覺得唯一值得jQuerifying（好詞）是DOM元素。

function populateContext() 
{ 
    var contextTxtBox = $('#searchContext'); 
    var pathArr = window.location.pathname.split('/'); 
    contentTxtBox.val(pathArr[1].toUppercase()); 
} 

$(document).ready(function() 
{ 
    populateContext(); 
}); 

Answer 2

這樣，如果我理解正確的話

function populateContext() 
{ 
    contextTxtBox = $('#searchContext'); 
    pathArr = window.location.pathname.split('/'); 
    contextTxtBox.val(pathArr[1].toUpperCase()); 
}; 

Answer 3

$(document).ready(function() { 
//whatever code you want 

}); 

function populateContext() { 
    pathArr = window.location.pathname.split('/'); 
    $("#searchContext").Val(pathArr[1].toUpperCase()); 
}; 

只是一個旁註：jQuery是JavaScript的，所以你可以混合和匹配:)

Answer 4

function populateContext(){ 
    contentTxtBox = $('#searchContext'); 
    pathArr = window.location.pathname.split('/'); 
    $(contextTxtBox).val(pathArr[1].toUpperCase()); 
} 

Answer 5

我不是確定你的意思，但你可以這樣做：

$(document).ready(function() { 
    populateContext() 
}); 

如果你想提高你的功能，使使用jQuery的，你可以做這樣的：如果你提供更多的信息，關於究竟什麼是您的疑問，我也許能更好地解釋

function populateContext() { 
    var $contextTxtBox = $('#searchContext'); 
    pathArr = window.location.pathname.split('/'); 
    $contextTxtBox.val(pathArr[1].toUpperCase()); 
}; 

。

Answer 6

這應該做的伎倆

function populateContext() { 
    var aPath = $(location).attr('href').split("/"); 
    $('#searchContext').val(aPath[1].toUpperCase()) 
} 

Answer 7

jQuerify？讓它成爲一個插件！

(function($){ 

    $.fn.populateContext = function(){ 
     var pathArr = window.location.pathname.split('/'); 
     return this.val(pathArr[1].toUpperCase()); 
    }; 


}(jQuery)); 

，並使用它像這樣

$(document).ready(function(){ 
    // Same as window.onload 
    $("#searchContext").populateContext(); 
});