jquery遍历包括?
jQuery遍历方法有:each()、end()、eq()、filter()、find()、first()、is()、map()、last()、next()、nextAll()、nextUntil()、offsetParent()等等。
jQuery通用的全局遍历方法$.each()用法实例?
1.test.json文件代码:
[
{
"username": "张三",
"content": "沙发."
},
{
"username": "李四",
"content": "板凳."
},
{
"username": "王五",
"content": "地板."
}
]
2.html代码:
<p>
<input type="button" id="send" value="加载"/>
</p >
<div >已有评论:</div>
<div id="resText" ></div>
3.jQuery代码:
<script src="jquery-1.3.1.js" type="text/javascript"></script>
<script type="text/javascript">
/*
1.$.each()是jquery的一个通用的遍历方法,可用于遍历对象和数组
2.$.each()函数不同于jquery对象的each()方法,它是一个全局函数,不操作jquery对象,而是以一个数组或者对象作为第一个参数,以一个回调函数作为第二个参数。回调函数拥有两个参数:第一个参数为对象的成员或数组的索引,第二个参数为对应变量或内容
*/
$(function(){
$('#send').click(function() {
jquery实现多图片选中checkbox效果?
$(document).ready(function() {
$(".img").click(function() {
if($(".checkbox").prop("checked")) {//先判断该checkbox是否已经被先中。
$(".checkbox").attr("checked","");
$(this).removeClass("check");//".check"这个是图片被激活后的样式。即该被点击的图片有两个状态,一个是正常,另一个是被激活后,写在两个样式里。
} else {
$(".checkbox").attr("checked","checked");
$(this).addClass("check");
}
})
})
JQuery记得用1.6后的版本。
.img 这个是被点击图片的样式
.check 这个是图片被点击过后的样式
.checkbox 这是那个checkbox的样式
可以通过监听checkbox的click事件,然后在事件处理函数里获取checkbox的状态(是否选中),结合jQuery的选择器,来找到对应的图片元素,并给它添加选中效果(比如高亮、加边框等)。
如果要支持多选,则需要维护一个选中的图片集合,可以使用数组、Set等数据结构来存储。同时,需要在处理checkbox状态时,更新这个集合并修改对应图片的选中状态。
最后,可以根据选中集合里的图片元素来进行统一的批量操作。
还没有评论,来说两句吧...