大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
给定一个HTML文档,如何使用jQuery按name属性选择元素?下面本篇文章就来给大家介绍一下使用jQuery按name属性选择元素的方法,希望对大家有所帮助。
创新互联建站是一家专注于网站建设、成都网站建设与策划设计,都昌网站建设哪家好?创新互联建站做网站,专注于网站建设十年,网设计领域的专业建站公司;建站业务涵盖:都昌等地区。都昌做网站价格咨询:18980820575
在jQuery中,可以使用2个方法通过name属性选择元素;下面就来通过示例来介绍一下。
方法1:使用name属性选择器
name属性选择器可用于按name属性选择元素。此选择器选择值与指定值完全相等的元素。
语法:
示例:
输出:
方法2:使用javascript按名称获取元素并将其传递给jQuery
可以使用javascript getElementsByName()方法选择所需的元素,并将其传递给jQuery函数,以进一步用作jQuery对象。
语法:
示例:
输出:
更多 web开发 相关知识,请查阅 HTML中文网 !!
[img]//on('第一个参数是事件名称,如click,change等', '第二个参数表示执行的方法')
$('body').on('click', function(){
});
//查看更详细的说明
//hover('第一个鼠标移动到某个元素执行方法', '第二个鼠标移开当前DOM节点后执行方法')
$('body').hover(function(){
//鼠标移动到body上执行
}, function(){
//鼠标移开body后执行
});
//查看更详细的说明
附上jquery中文API文档,
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》
使用步骤如下:
1.jQuery给放到一个文件夹里面,方便我们待会引用这个jQuery,这里我就放到我项目的js文件夹里面。
2.然后我们来开始编辑HTML界面代码。
3.使用script标签把jQuery引入到我们的HTML界面。src引号里面的就是我们的jQuery路径名称。
4.接着再书写一个script标签对,里面写上jQuery入口函数,这样,当我们的HTML加载完成之后就会执行我们的jQuery代码