使用jQuery按name屬性選擇元素

給定一個HTML文檔，如何使用jQuery按name屬性選擇元素？下面本篇文章就來給大家介紹一下使用jQuery按name屬性選擇元素的方法，希望對大家有所幫助。

創(chuàng)新互聯(lián)建站是一家專注于網站建設、成都網站建設與策劃設計,都昌網站建設哪家好?創(chuàng)新互聯(lián)建站做網站,專注于網站建設十年,網設計領域的專業(yè)建站公司;建站業(yè)務涵蓋:都昌等地區(qū)。都昌做網站價格咨詢:18980820575

在jQuery中，可以使用2個方法通過name屬性選擇元素；下面就來通過示例來介紹一下。

方法1：使用name屬性選擇器

name屬性選擇器可用于按name屬性選擇元素。此選擇器選擇值與指定值完全相等的元素。

語法：

示例：

輸出：

方法2：使用javascript按名稱獲取元素并將其傳遞給jQuery

可以使用javascript getElementsByName()方法選擇所需的元素，并將其傳遞給jQuery函數，以進一步用作jQuery對象。

語法：

示例：

輸出：

更多 web開發(fā) 相關知識，請查閱 HTML中文網 ！！

jquery on hover事件怎么寫

//on('第一個參數是事件名稱，如click，change等',?'第二個參數表示執(zhí)行的方法')

$('body').on('click',?function(){

});

//查看更詳細的說明

//hover('第一個鼠標移動到某個元素執(zhí)行方法',?'第二個鼠標移開當前DOM節(jié)點后執(zhí)行方法')

$('body').hover(function(){

//鼠標移動到body上執(zhí)行

},?function(){

//鼠標移開body后執(zhí)行

});

//查看更詳細的說明

附上jquery中文API文檔，

JQuery如何配置使用

Jquery是一個優(yōu)秀的Javascript框架。它是輕量級的js庫 ，兼容CSS3，適用于各種瀏覽器。網頁開發(fā)人員值得掌握的一個框架,配置過程非常簡單.

Jquery.com網站下載jquery.js組件文件，并放到html文件能訪問到的相對位置上。

然后在需要使用的文件里加入下面引用即可

script src="相對位置/jquery.min.js"/script

script src="custom-mobile.js"/script

script src="jquery-mobile.min.js"/script

之后就能使用Jquery帶來的便利性功能了，如下：

$(document).bind("mobileinit", function(){

//$.mobile.ajaxEnabled = false;

$.extend($.mobile, {

ajaxEnabled: false

});

});

$(function(){

$("body").live('swiperight', function() {

$('#next').click();

});

});

這里還想推薦《使用 jQuery Mobile 與 HTML5 開發(fā)移動 Web App》

jquery的使用方法

使用步驟如下：

1.jQuery給放到一個文件夾里面,方便我們待會引用這個jQuery,這里我就放到我項目的js文件夾里面。

2.然后我們來開始編輯HTML界面代碼。

3.使用script標簽把jQuery引入到我們的HTML界面。src引號里面的就是我們的jQuery路徑名稱。

4.接著再書寫一個script標簽對,里面寫上jQuery入口函數,這樣,當我們的HTML加載完成之后就會執(zhí)行我們的jQuery代碼