Js代码
:
$("div[id]")
选择所有含有id属性的div元素
$("input[name='newsletter']")
选择所有的name属性等于'newsletter'的input元素
$("input[name!='newsletter']")
选择所有的name属性不等于'newsletter'的input元素
$("input[name^='news']")
选择所有的name属性以'news'开头的input元素
$("input[name$='news']")
选择所有的name属性以'news'结尾的input元素
$("input[name='man']")
选择所有的name属性包含'news'的input元素
$("input[id][name$='man']")
可以使用多个属性进行联合选择,该选择器是得到所有的含有id属性并且那么属性以man结尾的元素
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>
需要知道这个标签是什么,然后使用名字来定位。
例如:
<input name='username' value='enozoomcom' />
来获取这个name为username的value值
$(function(){
alert($("input[name='username']")val())
})
扩展资料:
jquery中的常见小技巧:
1、DOM遍历是昂贵的,将变量缓存起来。
代码:
var $ele = $('#ele');
var h =
$eleheight();
$elecss('height',h-20);
2、优化选择符。
代码:
$('#myid')
3、避免隐式通用选择符。
代码:
$('someclass input:radio')
4、避免通用选择符。
代码:
$('container')children()
5、尽可能保持代码简洁。
代码:
if(arrlength){}
6、尽可能地合并函数。
代码:
$fon("click", function(){
$(this)css({
'border':'1px solid
red',
'color': 'blue'
});
});
使用Jquery获取某个div时需要这样写:$("#" + 所定义的id变量名)代码如下黑体加粗部分:
<div id="{{hospitalid + 'hospital'}}" class="z_tl z_t2 clearfix z_poaR"
ng-click="openDoctorList(hospitalid,hospitalname)">
$scopeopenDoctorList = function (id,hospitalName) {
$scopeuniqueHospitalId = id;
var hospitalId = id + "hospital";
if($scopecacheHospitalId != id){
$("#"+hospitalId)attr("class","z_tl clearfix z_poaR");
}
if($scopecacheHospitalId == id){
$("#"+hospitalId)attr("class","z_tl z_t2 clearfix z_poaR");
$scopedoctorList = null;
}
$scopecacheHospitalId = id;
}
扩展资料:
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。
jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 60+、FF 15+、Safari 20+、Opera 90+等。
参考资料:
Jquery官方API -ID Selector (“#id”)
JQuery官方API接口-attr()
百度百科-JQuery
jquery是页面一加载获取页面元素的,你后期加的a标签,是获取不到的。
你可以在$("#table")append("<a href='javascript:;' class='del'>删除</a>")的时候就在内部加上事件,如$("#table")append("<a href='javascript:;' class='del' onclick='alert("获取到了")'>删除</a>")。
如果调用函数就提前定义好,直接调用就好了
<div id="id" class="id" name="test"></div>
$('[name="test"]')attr("id"); //这样可以获取到id
$('[name="test"]')attr("class"); //这样可以获取到class
额外多说一句,JQuery中 的选择器,依照id选择 速度是最快的,其次是依照class 其他最慢,请参考
以上就是关于jquery怎么获取name属性的值全部的内容,包括:jquery怎么获取name属性的值、jQuery,根据name获取多个input表单的值、jquery中怎么根据name属性定位一个元素等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)