需要准备的材料分别有:电脑、html编辑器、浏览器。
创新互联建站网站建设公司一直秉承“诚信做人,踏实做事”的原则,不欺瞒客户,是我们最起码的底线! 以服务为基础,以质量求生存,以技术求发展,成交一个客户多一个朋友!专注中小微企业官网定制,成都网站建设、网站建设,塑造企业网络形象打造互联网企业效应。
1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery。
2、在index.html中的script标签,输入jquery代码:
$('body').append($('input[name="a"]').length);
3、浏览器运行index.html页面,此时成功通过checkbox的name取到数组。
1、$("form :input") 返回form中的所有表单对象,包括textarea、select、button等.
2、 $("form input")返回form中的所有input标签对象.
3、form input 是属于层级选择器(将每一个选择器匹配到的元素合并后一起返回).
4、form :input是属于表单选择器(匹配所有input、textarea、select、button元素).
jquery怎么取得form表单的url路径,并提交;
script type="text/javascript" function uimage monkey.uploadFile"h",type:"image"function(path) alert(path);
$("#ren").append("img src=" + "/Images/Upload/" + path + id='sctp'style='width:500px;height:500px'/");
/script/headbody input type="file" name="h" id="h" onchange="uimage;"/ div id="ren"/div/body
扩展资料
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。
jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。
jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
参考资料
jQuery-百度百科
1、根据name取值:
input name="inp" type="text" value="aaa"
input name="inp" type="text" value="bbb"
input name="inp" type="text" value="ccc"
$("input[name='inp']").val()
2、根据name取值遍历:
input name="inp" type="text" value="aaa"
input name="inp" type="text" value="bbb"
input name="inp" type="text" value="ccc"
$("input[name='inp']").each(function(){alert($(this).val());})
扩展资料:
取出form中的input:
script type="text/javascript" language="JavaScript" charset="UTF-8"
$(document).ready(function(){
var a=$("form input");
$.each(
a,
function(name,object){
alert(name+":"+$(object).val());
}
);
});
/script
给定一个HTML文档,如何使用jQuery按name属性选择元素?下面本篇文章就来给大家介绍一下使用jQuery按name属性选择元素的方法,希望对大家有所帮助。
在jQuery中,可以使用2个方法通过name属性选择元素;下面就来通过示例来介绍一下。
方法1:使用name属性选择器
name属性选择器可用于按name属性选择元素。此选择器选择值与指定值完全相等的元素。
语法:
示例:
输出:
方法2:使用javascript按名称获取元素并将其传递给jQuery
可以使用javascript getElementsByName()方法选择所需的元素,并将其传递给jQuery函数,以进一步用作jQuery对象。
语法:
示例:
输出:
更多 web开发 相关知识,请查阅 HTML中文网 !!
name是input标签的属性值,jQuery提供了attr() 方法用于设置/改变属性值
1
2
$("input:text").attr("name");
$("input:text").prop("name"); // 也可以使用prop()方法获取属性
示例代码如下
创建Html元素
1
2
3
4
5
6
7
div class="box"
span点击按钮获取文本框的name属性值:/span
div class="content"
input type="text" name="test" value="这个文本框的name属性值为test"
/div
input type="button" class="btn" value="获取文本框name值"
/div
设置css样式
1
2
3
4
5
div.box{width:300px;height:250px;padding:10px 20px;margin:20px;border:4px dashed #ccc;}
div.boxspan{color:#999;font-style:italic;}
div.content{width:250px;height:100px;margin:10px 0;padding:5px 20px;border:2px solid #ff6666;}
input[type='text']{width:200px;height:30px;border:none;}
input[type='button']{width:120px;height:30px;margin:10px;border:2px solid #ebbcbe;}
编写jquery代码
1
2
3
4
5
$(function(){
$("input:button").click(function() {
alert($("input:text").attr("name"));
});
})
观察效果