首页 > 其他分享 >JQuery_遍历for循环&each方法$全局each&forof讲解

JQuery_遍历for循环&each方法$全局each&forof讲解

时间:2022-08-20 10:34:23浏览次数:59  
标签:JQuery 遍历 alert callback forof each citys

遍历

  • js的遍历方式
    • for(初始化值;循环结束条件;步长)
  • JQuery遍历方式
    • JQuery对象.each(callback)
    • $.each(object,[callback])
    • for..of;
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript" src="/js/jquery-3.6.0.min.js" type="text/javascript" charset="utf-8"></script>

    <script type="text/javascript">
        /**
         * ## 遍历
         * - js的遍历方式
         *    - for(初始化值;循环结束条件;步长)
         * - JQuery遍历方式
         *    - JQuery对象.each(callback)
         *    - $.each(object,[callback])
         *    - for..of;
         */
        $(function () {
            //获取ul下的所有li标签
            var citys = $("#city li");

            //遍历li
            /*for (var i = 0; i < citys.length ; i++) {
                //获取内容
                alert(citys[i].innerHTML);
            }*/


            /*// JQuery对象.each(callback)
            citys.each(function (index, element) {
                alert(index + "." + element.innerHTML);
                // alert(this.innerHTML);
            });*/

            // $.each(object,[callback])
            /*$.each(citys, function () {
                alert($(this).html());
            });*/
            // for..of;
            for (var city of citys) {
                // alert($(city).html());
            }
        });

    </script>
</head>
<body>
<ul id="city">
    <li>北京</li>
    <li>上海</li>
    <li>天津</li>
    <li>重庆</li>
</ul>
</body>
</html>

标签:JQuery,遍历,alert,callback,forof,each,citys
From: https://www.cnblogs.com/ailhy/p/16607257.html

相关文章

  • JQuery遍历
    JQuery遍历1.js的遍历方式for(初始化值;循环结束条件;步长)2.JQuery的遍历方式1.JQuery对象.each(callback)2.$.each(object,[callback])3.for..of......
  • JQuery遍历
    遍历1、js的遍历方式for(初始值;循环结束条件;步长)<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title><scriptsrc="../../js/......
  • JQuery动画
    JQuery高级动画三种方式现实和隐藏元素默认现实和隐藏方式show([speed,[easing],[fn]])参数:speed:动画的速度,三个预定义的值("slow","normal","fast")或表示动......
  • JQuery动画
    动画 1.三种方式显示和隐藏元素 1.默认显示和隐藏方式 1.show([speed],[easing],[fn]]) 1.参数: 1.speed:动画的......
  • JQuery动画
    JQuery动画1.三种方式显示和隐藏元素 1.默认显示和隐藏方式 1.show([speed,[easing],[fn]]) 1.参数: 1.speed:动......
  • JQuery案例
    JQuery案例_隔行换色代码实现:<!DOCTYPEhtml><html> <head> <metacharset="UTF-8"> <title></title> <scriptsrc="/js/jquery-3.6.0.min.js"></script> ......
  • JQuery_DOM操作_属性操作_CRUD操作
    CRUD操作append():父元素将子元素追加到末尾对象1.append(对象2):将对象2添加到对象1元素内部,并且在末尾prepend():父元素将子元素追加到开头对象1.prepend(对象2):将......
  • jQuery Easy-PDF: Base64 PDF Viewer Demo
    https://www.jqueryscript.net/other/Base64-PDF-Viewer-Easy-PDF.html<!doctypehtml><html><head><metacharset="utf-8"><metahttp-equiv="X-UA-Compatible"con......
  • JQuery_选择
    JQuery_选择基本选择器标签选择器(元素选择器)语法:$("html标签名")获取所有匹配标签名称的元素id选择器语法:${"#id的属性值"}获得与指定id属性值匹配的元素类选......
  • JQuery_选择器_表单过滤选择器和JQuery_DOM操作_内容操作
    表单过滤选择器可用元素选择器语法:enabled获得可用元素不可用元素选择器语法:disabled获取不可用元素选中选择器语法:checked获得单选/复选框选中的元素......