使用Jquery获取某个div时需要这样:前台使用EL进行迭代LIST生成div,为其添加动态的id,生成之后变成下面样式
<div id="tz-1"></div>
<div id="tz-2"></div>
<div id="tz-3"></div>
<div id="tz-4"></div>
<div id="tz-5"></div>
<div id="tz-6"></div>
注意:我们在使用Jquery获取某个div时需要这样写
$("#" + 所定义的id变量名)
而不能写成这样
$("#所定义的id变量名")
扩展资料:
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。
ID选择器:选择具有给定id属性的单个元素。
对于id选择器,jQuery使用JavaScript函数document.getElementById(),这是非常有效的。当另一个选择器连接到id选择器时,如H2#页滴,jQuery在将元素标识为匹配之前执行额外的检查。
呼叫jQuery()(或$()),以id选择器作为其参数,将返回一个jQuery对象,该对象包含一个包含0或一个DOM元素的集合。
各ID值只能在文档中使用一次。如果已为多个元素分配了相同的ID,则使用该ID的查询只会选择DOM中的第一个匹配元素。但是,不应依赖此行为;使用相同ID的多个元素的文档无效。
如果id包含像句点或冒号这样的字符,则必须用反斜杠转义那些字符.
参考资料:
百度百科 jQuery
Jquery官方API -ID Selector
1、新建一个html文件,命名为test.html。
2、在test.html文件中,在p标签内,使用span标签创建一行文字,span标签是p标签的子标签。
3、在test.html文件内,设置span元素的id为myspan,下面将使用jquery方法获得该id值。
4、在test.html文件内,使用button标签创建一个按钮,按钮名称为“获取子标签的ID值”。
5、在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行getspanid函数。
6、在js标签中,创建getspanid()函数,在函数内,通过元素名称获得p元素对象,使用children()方法获得p标签的子标签,再通过attr()方法来获得id值。最后,使用alert()方法将id值输出来。
1、在我们的电脑上打开软件,新建一个html页面。
2、在html页面创建一个id为xx,值为666的文本框,通过var v=document.getElementById('xx').value原生js方法来获取文本框的值。
3、在script中加上alert(v),来d框查看原生js方法是否根据id获取元素的值了。
4、在浏览器中运行项目,可以看到页面d框的值是id为xx的元素的值,已经成功通过原生js方法根据id获取元素。
5、jquery方法需要先添加jquery.js,然后通过var w = $('#xx').val()来获取元素的值。
6、运行项目,在浏览器中可以看到与原生js方法获得元素的值相同。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)