扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
JS: document.getElementById("sid").value;
公司主营业务:做网站、成都网站设计、移动网站开发等业务。帮助企业客户真正实现互联网宣传,提高企业的竞争能力。创新互联建站是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化,感谢他们对我们的高要求,感谢他们从不同领域给我们带来的挑战,让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。创新互联建站推出辽宁免费做网站回馈大家。
Jquery: $("#sid").val();
直接就可以获取指定select的选中的值;
如果是多选的话,需要用其他方法。
alert($("#eID").val()+"/"+document.getElementById("eID").value);
你好!!
获取一个元素的值可以有很多方式:
input type="text" id="txt" class="ipt" name="uname" /
通过ID选择器:$("#txt").val();
通过class选择器:$(".ipt").val();
通过属性选择器:$("input[name='uname']").val();
1、引用jQuery库到页面
2、获取input的值
$("#input的id").val();//这就是获取input的值,也可以给input赋值
1、下载jQuery代码库
下载后如下图所示:
2、部署jQuery代码库
jQuery的部署与使用非常简单,只需要把其放入到项目中,并在页面中使用script标签中的src属性载入即可。
3、快速入门
例:使用jQuery隐藏一个div元素
4、基本选择器(重点)
• #id :根据元素的id属性来获取元素
• .class :根据元素的class属性来获取元素
• Element :根据元素的名称来获取元素
selector1,selector2 :群组选择器,可以同时匹配多个元素
示例代码:
5、层级选择器(重点)
同级兄弟关系,父子关系,祖先与后代元素关系
• ancetor(空格)descendant :选择当前元素的所有后代元素(不分层级)
• parent child :选择父元素下的所有子元素(只有一级,要求是父子关系)
• prev + next :选择当前元素紧邻的同级元素的下一个元素
• prev ~ siblings :选择当前元素紧邻的所有同级兄弟元素
示例代码:
6、简单选择器
• :first :选择索引为0第一个元素,索引默认是从0开始的
• :last :选择索引最大的最后一个元素
• :even :选择索引为偶数的所有元素
• :odd :选择索引为奇数的所有元素
• :eq(index) :根据元素的索引index来获取元素
• :gt(index) :选择索引大于index的所有元素
• :lt(index) :选择索引小于index的所有元素
• :not(selector) :选择除指定选择器以外的其他元素
示例代码:
7、由于jquery选择器太多,小编就不一一举例子了。依照这个思路写就行了。
在jQuery输入元素表达式属性名即可得到。
如:
1.$("#textId").attr("width")是获取Id为textId的控件的width属性。
2.$(".className").attr("width")是获取包含class名为className的控件的width属性。
3.$("[name=textName]").attr("width")是获取name为textName的控件的width属性。
但要注意,jquery取到的可能是一个数组,如果确定属性为同一值,则没问题,否则应该循环取得控件,再取属性值。如:$("#textId")[0].width是取第一个控件的width属性。但也有写属性用attr取不到,也需要用角标的方式取得控件后再取属性。
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+等。
需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery。
2、在index.html中的script标签,输入jquery代码:
$('body').append($('div').text());
$('body').append($('input').val());
3、浏览器运行index.html页面,此时通过jquery获取到了div元素中的内容和input标签的值。
实例1:
获取一组单选按钮对象:var obj_payPlatform = $('#wrap input[name="payMethod"]');
获取被选中按钮的值 :var val_payPlatform = $('#wrap input[name="payMethod"]:checked ').val();
实例2:
使用jquery获取radio的值,最重要的是掌握jquery选择器的使用,在一个表单中我们通常是要获取被选中的那个radio项的值,所以要加checked来筛选,比如有以下的一些radio项:
获取某个radio的值的代码如下:
遍历name为testradio的所有radio代码如下:
取具体某个radio的值,比如第二个radio的值,代码如下:
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流