js常用语法汇总

最新推荐文章于 2024-07-29 11:32:06 发布
最新推荐文章于 2024-07-29 11:32:06 发布
阅读量115 收藏
点赞数
文章标签： json javascript ViewUI
原文链接：http://www.cnblogs.com/lsw803/p/10675026.html
版权 
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit" />
    <meta name="format-detection" content="telephone=no" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <title></title>
    <script src="Hybrid/jquery-3.1.1.min.js"></script>
    <script type="text/javascript">
        //=============================jQuery 入口函数=============================
        $(document).ready(function () {
            // 执行代码
        });
        //或者
        $(function () {
            // 执行代码
        });
        //JavaScript 入口函数:
        window.onload = function () {
            // 执行代码
        }
        //=============================jQuery - 添加元素=============================
        //append() - 在被选元素的结尾插入内容
        //prepend() - 在被选元素的开头插入内容
        //after() - 在被选元素之后插入内容
        //before() - 在被选元素之前插入内容

        //=============================jQuery 选择器=============================
        //$("*")    选取所有元素
        //$(this)    选取当前 HTML 元素
        //$("p.intro")    选取 class 为 intro 的 <p> 元素
        //$("p:first")    选取第一个 <p> 元素
        //$("ul li:first")    选取第一个 <ul> 元素的第一个 <li> 元素
        //$("ul li:first-child")    选取每个 <ul> 元素的第一个 <li> 元素
        //$("[href]")    选取带有 href 属性的元素
        //$("a[target='_blank']")    选取所有 target 属性值等于 "_blank" 的 <a> 元素
        //$("a[target!='_blank']")    选取所有 target 属性值不等于 "_blank" 的 <a> 元素
        //$(":button")    选取所有 type="button" 的 <input> 元素 和 <button> 元素
        //$("tr:even")    选取偶数位置的 <tr> 元素
        //$("tr:odd")    选取奇数位置的 <tr> 元素

        //=============================jQuery 遍历=============================
        //1.祖先  parent() 方法返回被选元素的直接父元素 $("span").parent();
        //        parents() 方法返回被选元素的所有祖先元素，它一路向上直到文档的根元素 (<html>)。$("span").parents();
        //        parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素。$("span").parents("ul");

        //2.后代  children() 方法返回被选元素的所有直接子元素。$("div").children();$("div").children("p.1");
        //        find() 方法返回被选元素的后代元素，一路向下直到最后一个后代  $("div").find("span");$("div").find("*");

        //3.同胞  siblings() 方法返回被选元素的所有同胞元素。$("h2").siblings();$("h2").siblings("p");
        //        next() 方法返回被选元素的下一个同胞元素。$("h2").next();
        //        nextAll() 方法返回被选元素的所有跟随的同胞元素。$("h2").nextAll();
        //        nextUntil() 方法返回介于两个给定参数之间的所有跟随的同胞元素。$("h2").nextUntil("h6");
        //        prev(), prevAll() 以及 prevUntil() 方法的工作方式与上面的方法类似，只不过方向相反而已：它们返回的是前面的同胞元素

        //4.过滤  first() 方法返回被选元素的首个元素。$("div p").first();
        //        last() 方法返回被选元素的最后一个元素。$("div p").last();
        //        eq() 方法返回被选元素中带有指定索引号的元素。$("p").eq(1);
        //        filter() 方法允许您规定一个标准。不匹配这个标准的元素会被从集合中删除，匹配的元素会被返回。$("p").filter(".url");

        //mobileHidden
        if ($.MvcSheetUI.SheetInfo.IsOriginateMode && $.MvcSheetUI.SheetInfo.IsMobile) {
            $("div[data-datafield='changeaForm']").hide();
            $(".slider-slide[data-row='" + row + "'] div[data-field='" + realname + "']");
            $(_Element).find("div[class='slider-slide']")
        }
        var PostSheet = function (data, callback, errorhandler, async) {
            var ajaxUrl = this.AjaxUrl;
            if (typeof (async) == "undefined")
                async = true;
            if (typeof (errorhandler) == "undefined") {
                errorhandler = function (e) {
                    alert("系统出现异常!");
                };
            }
            $.ajax({
                type: "POST",
                url: ajaxUrl,
                data: data,
                dataType: "json",
                async: async,
                success: callback,
                error: errorhandler
            });
        };
        this.PostSheet("",function (data) {
                    //返回的结果
         },undefined,actionControl.Async);

        $("span").each(function () {
            var $this = $(this);
            if ($this.text() == "经办人员") {
                var $obj = $this.parent().next().children(":first");
                $obj.after('<div data-type="SheetUser" data-datafield="CreatedBy"></div>').remove();
            }
        });

        //尽量使用on() on() 方法是 bind()、live() 和 delegate() 方法的新的替代品
        $('#chkIsConcern').on('click', function (event) {

        });
        $("div p").click(function () {

        });
        $("div p").bind("click", function () {

        });
        $("#menu").on("click", ".xiugai_a", function () {
            $(this).parent().siblings(".dui").children().click(function () {

            });
        });
        $('.content').delegate('a', 'click', function () {
            $(".shizi").css("background", "");
            $('.content').find("li").removeClass("active");
            $(this).parent().addClass("active");
            if ($('.content li').hasClass("active")) {
                $(".active>.shizi").css("background", "url('../../Images/1_11.png')")
            }
        });
        $('#getyzm').unbind('click').click(function () {

        });
        $("input[data-type='SheetTextBox']").change(function () {
            console.log($(this).val());
            $(this).css("width", "95%");
        });
        $("input").blur(function () {

        });
        $("input").focus(function () {
            $(this).css("background-color", "#cccccc");
        });
        setTimeout(function () {
            //延迟3秒执行
        }, 3 * 1000);

        var timer = window.setInterval(function () {
            //循环执行
            CheckDeviceConfig(timer, currentCode);
        }, 3 * 1000);
        clearInterval(timer);

        function LoadDataList() {
            IsLoading = true;
            $('.loading').show();
            $("#infoNoData").hide();
            $.ajax({
                type: "post",
                dataType: "json",
                data: { action: "tablelist", pagesize: PageSize, pageindex: PageIndex },
                url: ESPWebDomain + "/DoorConfig/Ajax/",
                success: function (result) {
                    if (result.returncode = "0") {
                        var obj = JSON.parse(objdata.jsonobj);
                        totalCount = obj.count;
                        var htmlstr = "";
                        $.each(obj.data, function (i, item) {
                            htmlstr += '    <a οnclick="applyrefund(\'' + item.ugid + '\')">申请退款</a>';
                            str = '<a href="javascript:void();" οnclick="allowUpdate(\'' + row['CabinetID'] + '\',\'' + row['OrderID'] + '\')"><span class="icon disk_multiple">&nbsp;&nbsp;&nbsp;&nbsp;</span>&nbsp;允许</a>';
                            htmlstr += '    <div class="operation">';
                            htmlstr += '        <div class="btn edit-btn">';
                            htmlstr += '            <span>编辑</span>';
                            htmlstr += '        </div>';
                            htmlstr += '        <div class="btn invalid-btn">';
                            htmlstr += '            <span>作废</span>';
                            htmlstr += '        </div>';
                            htmlstr += '    </div>';
                        });
                        if (model.total > 0) {
                            changePage(totalCount);
                            $("#content_day11").append(htmlstr);
                        }
                        else {
                            $("#infoNoData").text($('.UlBody li').length > 0 ? '我是有底线的' : '暂无匹配数据').show();
                        }

                        var divDemo = $('<div class="demo" data-id="' + this.ID + '"></div>');
                        var inputCount = $('<input id="txtRangeCount" class="bar" value="' + this.TimeRangeCount + '" type="text"/><i class="bar-text">次</i>');
                        var slider = $('<input class="range-slider" οnclick="Slider();" type="hidden" value="' + sliderValue + '" style="display: none;"/>');
                        var del = $('<em class="demo_a">删除</em>');
                        divDemo.append(inputCount);
                        divDemo.append(slider);
                        divDemo.append(del);
                        $(".demo1").append(divDemo);
                        $(".range-slider").trigger("click");

                        del.unbind("click").click(function (e) {
                            e.preventDefault();
                        });

                    }
                }
            });
        }

        function SaveTicket() {
            var Item = {
                ID: 1,
                phone: $('#txtPhone').val().trim(),
                user: JSON.stringify(item),
                Remark: encodeURIComponent($('#txtRemark').val().trim())

            }
            if (IsNullOrEmpty(Item.ID)) {
                alert('请输入姓名');
                return;
            }
            $.ajax({
                type: "post",
                dataType: "json",
                data: { action: 'myticketlist', exid: EXID, jsonData: JSON.stringify(jsData) },
                url: ESPWebDomain + '/wechatregister/MyTicketList',
                success: function (objdata) {
                    if (objdata.returncode == '0') {
                        alert("成功！")
                    }
                },
                error: function (e) {
                    alert(JSON.stringify(e));
                }
            });
        }

        $('#getyzm').click(function () {
            var val = $('#phone').val().trim();
            if (val == '') {
                alert('请输入手机号');
                return;
            }
            else if (!reg_phone.test(val)) {
                alert('手机号格式不对');
                $("#phone").focus();
                return;
            }
            var second = 60;
            var _this = $(this);
            if (_this.hasClass("btn-default")) return;
            _this.attr("disabled", true);
            _this.addClass("btn-default");

            var data = {
                action: "edituser",
                exid: exid,
                jsondata: JSON.stringify(item)
            };

            $.post(ExhibitorWebDomain + "/Notice/Ajax", data, function (resurt) {
                if (resurt.returncode == "1") {
                    var timer = setInterval(function () {
                        _this.val("已发送(" + second + ")");
                        if (second > 0) {
                            second--;
                        } else {
                            clearTimeout(timer);
                            _this.val('获取验证码');
                            _this.removeAttr("disabled");
                            _this.removeClass("btn-default");
                        }
                    }, 1000);

                } else {
                    alert(resurt.returnmsg);
                    _this.val('获取验证码');
                    _this.removeAttr("disabled");
                    _this.removeClass("btn-default");
                }
            }, "json");
        });

    </script>
</head>
<body>
    <div class="row">
        <div class="col-md-2">
            <span data-type="SheetLabel" data-datafield="Originator.Appellation" data-en_us="Originator">职务</span>
        </div>
        <div class="col-md-4">
            <label data-type="SheetLabel" data-datafield="Originator.Appellation"></label>
        </div>
        <div class="col-md-2">
            <span data-type="SheetLabel" data-datafield="Originator.UserName">经办人员</span>
        </div>
        <div class="col-md-4">
            <label data-type="SheetLabel" data-datafield="Originator.UserName"></label>
        </div>
    </div>
</body>
</html>

 

转载于:https://www.cnblogs.com/lsw803/p/10675026.html

weixin_30653097
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Cabinet SDK
03-04
用于发布ActiveX的CabinetSDK
jQuery复习总结（四）DOM操作 详细实例代码+截图调试
Blog by Haris Ha
12-14 280
jQuery DOM 操作 jQuery 中非常重要的部分，就是操作 DOM（Document Object Model） 的能力 test()、html() and val() text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容（包括 HTML 标记） val() - 设置或返回表单字段的值 获取内容： &amp;amp;lt;html&amp;amp;gt; &amp;amp;lt;he...
jQuery基础知识03
Fallen__down的博客
11-08 136
DOM操作 1.jQuery DOM 操作 jQuery 中非常重要的部分，就是操作 DOM 的能力。 jQuery 提供一系列与 DOM 相关的方法，这使访问和操作元素和属性变得很容易。 DOM = Document Object Model（文档对象模型）DOM 定义访问 HTML 和 XML 文档的标准：“W3C 文档对象模型独立于平台和语言的界面，允许程序和脚本动态访问和更新文档的内容...
JQuery（3）
左跃飞的博客
02-23 396
JQuery HTML 1.1DOM操作 text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容（包括 HTML 标记） val() - 设置或返回表单字段的值 attr() 方法用于获取属性值   1.2设置属性 设置内容 - text()、html() 以及 val()
attr()里面的回调函数
超胆孤侠
08-26 1828
attr()：  jQuery 方法 attr()，也提供回调函数。回调函数由两个参数：被选元素列表中当前元素的下标，以及原始（旧的）值。然后以函数新值返回您希望使用的字符串。                  input {     display    : block; margin     : 10px; padding    : 10px; ba
基础常用JS函数和语法集合大全
01-17
基础常用JS函数和语法集合大全 本文总结了 JavaScript 中常用的函数和语法，涵盖了输出语句、注释、HTML 文档结构、DOM 顺序、元素选择、字符串操作、值类型转换、比较操作符、变量声明、判断语句、循环结构、函数...
总结常用JavaScript语法107条
08-20
2.JS中的注释为:// 3.传统的HTML文档顺序是:document->html->(head,body) 4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document) 5.得到表单中元素的名称和值:document....
JavaScript核心语法总结(推荐)
01-19
本文介绍了JavaScript的基本（常用）语法，供大家参考。 Overview 先说一下Javascript该怎么写。两种形式，一种是直接把JavaScript写在HTML页面里，另一种是存在*.js文件里然后在页面内引用。 直接写时，即可以放在&...
javascript 语法学习练习
10-30
在JavaScript中，字符串是非常常用的数据类型之一，它们用于存储文本数据。字符串可以是用单引号、双引号或反引号包围起来的一系列字符。字符串在JavaScript中有很多内置的方法可以帮助我们进行操作。 #### 示例...
Javascript常用小技巧汇总
10-24
本文将深入探讨JavaScript中的几个常用小技巧，这些技巧可以帮助开发者提高代码效率和可读性。 首先，我们来看看布尔表达式。在JavaScript中，`null`, `undefined`, 空字符串`''`, 以及数字`0`被视为假性值（falsy...
Jquery遍历的next()方法和prev()方法的使用
Smell_rookie的博客
05-31 7012
如果想快速查找指定元素集合中每一个元素紧邻的下一个同辈元素的元素集合，此时可以用next()方法。 $("button:last").click(function() { //找到所有class=item-2的li //然后筛选出第一个，加上蓝色的边 $('.item-1').next(':first').css('border', '1px sol...
js文件中调用action路径问题
Q_zx1bydcom的专栏
08-18 3256
js文件和jsp路径不一致，当js调用action方法时候，不能直接写方法名称；比如：jsp文件在project webRoot jsp目录下，js文件在webRoot-js-tree目录下，则js文件中调用方法时候，需要../返回到jsp文件目录，上例中调用方法test.action url应该写为：../../../test.action
jQuery next判定最后一个元素
anwofanhe41419的博客
05-14 271
if($el.next().length===0){ //结束的代码 } for eg: <!DOCTYPE html><html><head> <script type="text/javascript" src="/jquery/jquery.js"></script></head><...
使用Action、Data属性启动系统Activity
菜鸟的成长路径ing...
06-30 1002
使用Action、Data属性启动系统Activty
jQuery通过关系获取节点常用方法整理
Cheris_LT的博客
05-18 192
parent() 获取到当前元素的直接父元素。例如： $(function(){ $("td").parent(); //返回td标签的父元素, 即为tr }) parents() 获取到当前元素一直往上所经过的所有祖先元素。例如： $(function(){ $("td").parents(); //返回所有的祖先元素,即为td到tr到table到body到html $("td").parents("table"); //通过过滤器返回指定的祖先元素table，注：只有获取到table元素
js 绘制2D机柜（二）2D机柜的进阶绘制
zch-兴趣使然-blog
11-02 2446
上一篇写了基础的2D机柜绘制，今天这篇记录下机柜绘制的进阶篇。本篇主要是就数据封装及机柜界面的优化。 首先是数据封装，正常来说数据的封装不会如上篇那么简单，这里加入更详细的数据用于展示信息，所需封装的数据如下： //configuration 机柜配置信息 //cabinet_id 机柜id //u_number ...
jquery中的find（）和next（）的用法及区别
热门推荐
梁先森的博客
04-11 1万+
在讲解这两个方法的时候，咱们先弄懂一个概念，什么叫做后代，什么叫做同级 咱们先用一个图片来说一下。 注：该图片取自菜鸟驿站。 &lt;div&gt; 元素是 &lt;ul&gt; 的父元素，同时是其中所有内容的祖先。 &lt;ul&gt; 元素是 &lt;li&gt; 元素的父元素，同时是 &lt;div&gt; 的子元素 两个 &lt;li&gt; 元素是同胞（拥有相同的父元素） ...
Cannot find module ‘html-webpack-plugin
qq_43071699的博客
07-26 401
安装。在Webpack配置文件中正确引用。清除缓存并重新安装依赖（如果需要）。确保Webpack版本与兼容。检查文件。按照这些步骤操作，你应该能够解决的问题。如果问题仍然存在，请提供更多信息，以便进一步诊断。
Hutool——发送http请求案例
最新发布
专注写bug
07-29 395
在实际开发过程中，微服务环境下往往采取openfeign实现服务与服务之间的请求调用。但有时候需要调用第三方API的情况，虽然在spring boot 框架中提供了请求模板，但这个不怎么好用。市面上支持http调用的框架技术很多，比如okhttp等。本篇文章重点说明Hutool给我们封装的请求方法类。/*** 调用post 接口发送get请求* @return。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值