使用jQuery按name属性选择元素

给定一个HTML文档，如何使用jQuery按name属性选择元素？下面本篇文章就来给大家介绍一下使用jQuery按name属性选择元素的方法，希望对大家有所帮助。

创新互联建站是一家专注于网站建设、成都网站建设与策划设计,都昌网站建设哪家好?创新互联建站做网站,专注于网站建设十年,网设计领域的专业建站公司;建站业务涵盖:都昌等地区。都昌做网站价格咨询:18980820575

在jQuery中，可以使用2个方法通过name属性选择元素；下面就来通过示例来介绍一下。

方法1：使用name属性选择器

name属性选择器可用于按name属性选择元素。此选择器选择值与指定值完全相等的元素。

语法：

示例：

输出：

方法2：使用javascript按名称获取元素并将其传递给jQuery

可以使用javascript getElementsByName()方法选择所需的元素，并将其传递给jQuery函数，以进一步用作jQuery对象。

语法：

示例：

输出：

更多 web开发 相关知识，请查阅 HTML中文网 ！！

jquery on hover事件怎么写

//on('第一个参数是事件名称，如click，change等', '第二个参数表示执行的方法')

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

});

//查看更详细的说明

//hover('第一个鼠标移动到某个元素执行方法', '第二个鼠标移开当前DOM节点后执行方法')

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

//鼠标移动到body上执行

}, function(){

//鼠标移开body后执行

});

//查看更详细的说明

附上jquery中文API文档，

JQuery如何配置使用

Jquery是一个优秀的Javascript框架。它是轻量级的js库 ，兼容CSS3，适用于各种浏览器。网页开发人员值得掌握的一个框架,配置过程非常简单.

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 开发移动 Web App》

jquery的使用方法

使用步骤如下：

1.jQuery给放到一个文件夹里面,方便我们待会引用这个jQuery,这里我就放到我项目的js文件夹里面。

2.然后我们来开始编辑HTML界面代码。

3.使用script标签把jQuery引入到我们的HTML界面。src引号里面的就是我们的jQuery路径名称。

4.接着再书写一个script标签对,里面写上jQuery入口函数,这样,当我们的HTML加载完成之后就会执行我们的jQuery代码