jquery前端篇

最新推荐文章于 2024-04-10 16:57:11 发布
最新推荐文章于 2024-04-10 16:57:11 发布
阅读量1k 收藏
点赞数
分类专栏： javascript 文章标签： jquery前端篇
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/HR1187362408/article/details/46605085
版权

QQ：1187362408 欢迎技术交流和学习

jquery前端篇（jquery）：

TODO：

1，jquery：精确控制页面对象，体现了OOP思想（面向对象）

2，jquery：选择器的调用

3，jquery：扩展validate插件，实现自定义验证控件，统一调用

4，jquery：前端获取后台数据，属性调用

5，jquery：each循环遍历json数据

6，字符串转换为json的两种方式：eval（'('+string+')')，$.parseJSON(string)【需要引用jquery相关文件】

7，返回值函数，便于验证

8，ext框架，为父页面赋值，相关操作

9，抒写jquery格式：统一声明变量，下面一步一步抒写相关js（我喜欢叫jquery）函数

讲解篇：

1，jquery：精确控制页面对象，体现了OOP思想（面向对象）

<span style="color:#000000;"><script type="text/javascript">
        var itype = getParameter("iType");//页面标识：查看页面
        var gkey = getParameter("gKey"); //主键
        var pageControlElement;//json数据拼装：页面对象（金额计算调用）
        //var pageElement = '{"fSFBZ":"[id$=fSFBZ]","fHJNYSFJE":"[id*=fHJNYSFJE]","fXNHBCJE":"[id$=fXNHBCJE]","fQTJMJE":"[id*=fSJZFJE]":"[id$=fCBJE]"}';//json数据拼装：页面对象（金额验证调用）：收费标准（元） fSFBZ，年应收费总额（元） fHJNYSFJE，新农合应予补偿金额（元） fXNHBCJE，其他减免金额（元） fQTJMJE，实际自付金额（元） fSJZFJE，成本金额（元） fCBJE 暂不用
        var result = "true";//标识：result（默认：true，都不为空计算实际自负金额；false，有一项或多项为空不计算）
        var $ObjForm; //jquery对象：窗体对象
        var nysf;//合计年应收费总额（元） fHJNYSFJE
        var bcje ;//新农合应予补偿金额（元） fXNHBCJE
        var jmje;//减免金额（元） fJMJE
        var zfje;//声明一个变量：实际自付金额（元），便于设置实际自付金额（元）的值
        //接受药品/诊疗选择页面传递的药品/诊疗信息
        function SetPatientValue(obj) {
            $("#ctl00_ContentPlaceHolder1_sXMBM").val(obj.sXMBM);
            $("#ctl00_ContentPlaceHolder1_sXMMC").val(obj.sXMMC);
            $("#ctl00_ContentPlaceHolder1_fZFZDJ").val(obj.fZFZDJ);
        }

        //获取参数值
        function getParameter(paraName) {
            var sUrl = location.href;
            if (sUrl.indexOf("#") > 0) {
                sUrl = sUrl.replace("#", "");
            }
            var reg = "(?:\\?|&){1}" + paraName + "=([^&]*)"
            var regresult = new RegExp(reg, "gi");
            if (sUrl.indexOf(paraName) > 0) {
                regresult.exec(sUrl);
                return RegExp.$1;
            }
            else {
                return "";
            }
        }

        $(function () {
            if(gkey == undefined || gkey == null || gkey == ''){//新增页面
            $("[id*=sXMBM]").attr("value",<%=XMBM %>);//项目编码赋值
            }
            if (itype != undefined &&　itype != null && itype != '' && itype == "View") {//查看页面
                /*TODO非功能性辅助设计：pageControlElementJSON，json数据拼装：便于页面控制元素，判断显示或隐藏，禁用等
                *span：1，"spSLWXXM"，"spGGWSFW"【显示】,其它span元素【隐藏】2，为span控件【spSLWXXM】赋值并显示3，为span控件【spGGWSFW】赋值并显示
                *input：1，btnGetDrugsInfo：选择项目信息【隐藏】2，lbtnAdd：新增，保存【隐藏】（后缀为lbtnAdd的所有input的jquery对象 ）3，lbtnSave
                *textarea：1，sBZ：备注，禁用
                *each：循环遍历并控制window窗体元素
                */
                pageControlElement = '{"span":{"span":["span:not([id*=sp])","span[id$=spSLWXXM]","span[id$=spGGWSFW]"]},"input":{"linkbutton":["input[id$=btnGetDrugsInfo]","input[id$=lbtnAdd]","input[id$=lbtnSave]"]},"textarea":{"textarea":"textarea[id$=sBZ]"}}';
                $ObjForm = $("[id=aspnetForm]"); //jquery对象：【aspnetForm】
                //var pageControlElementJSON = eval("("+pageControlElement+")");//eval转换
                //避免浏览器报错，将object对象pageControlElement转换为JSON对象
                $.each(jQuery.parseJSON(pageControlElement), function (idex, item) {
                    if (item.span != undefined && item.span != null && item.span != '') {
                        $ObjForm.find(item.span[0]).css("display", "none"); //span标签
                        $ObjForm.find(item.span[1]).text($("[id$=hidSLWXXM]").val());
                        $ObjForm.find(item.span[2]).text($("[id$=hidGGWSFW]").val());
                    }
                    if (item.linkbutton != undefined && item.linkbutton != null && item.linkbutton != '') {
                        $ObjForm.find(item.linkbutton[0]).css("display", "none"); //input 标签
                        $ObjForm.find(item.linkbutton[1]).css("display", "none");
                        $ObjForm.find(item.linkbutton[2]).css("display", "none");
                    }
                    if (item.textarea != undefined && item.textarea != null && item.textarea != '') {
                        $ObjForm.find(item.textarea).attr("disabled", "disabled"); //textarea 标签
                    }
                });
                /*$("[id=aspnetForm]").find("span:not([id*=sp])").css("display", "none"); //必填项，查找所有id包含"sp"的span元素："spSLWXXM"，"spGGWSFW"【显示】,其它span元素【隐藏】
                $("[id=aspnetForm]").find("span[id$=spSLWXXM]").text($("[id$=hidSLWXXM]").val()); //为span控件【spSLWXXM】赋值并显示
                $("[id=aspnetForm]").find("span[id$=spGGWSFW]").text($("[id$=hidGGWSFW]").val()); //为span控件【spGGWSFW】赋值并显示
                $("[id=aspnetForm]").find("input[id$=btnGetDrugsInfo]").css("display", "none"); //选择项目信息【隐藏】
                $("[id=aspnetForm]").find("input[id$=lbtnAdd]").css("display", "none"); //新增，保存【隐藏】（后缀为lbtnAdd的所有input的jquery对象 ）
                $("[id=aspnetForm]").find("input[id$=lbtnSave]").css("display", "none");
                $("[id=aspnetForm]").find("textarea[id$=sBZ]").attr("disabled", "disabled"); //备注，禁用
                【暂不用】*/
            }else{//新增，修改页面
            /*TODO金额计算：实际自付金额=年应收费总额-新农合应予补偿金额（元）-其他减免金额（元）。
            *合计年应收费总额（元） fHJNYSFJE
            *新农合应予补偿金额（元） fXNHBCJE
            *减免金额（元） fQTJMJE
            *实际自付金额（元） fSJZFJE ,[id$=fSJZFJE]
            */
            $("[id$=fHJNYSFJE],[id$=fXNHBCJE],[id$=fQTJMJE]").blur(function () {//文本框输入后：减免金额（元）
                if(CheckElement()){
                $ObjForm = $("[class=content01]");
                nysf = $ObjForm.find("[id$=fHJNYSFJE]").val();//合计年应收费总额（元） fHJNYSFJE
                bcje = $ObjForm.find("[id$=fXNHBCJE]").val();//新农合应予补偿金额（元） fXNHBCJE
                jmje = $ObjForm.find("[id$=fQTJMJE]").val();//减免金额（元） fQTJMJE
                zfje = parseFloat(nysf)-parseFloat(bcje)-parseFloat(jmje);
                zfje = zfje.toFixed(2);//保留2位小数，避免浮点数相减产生多位小数情况
                $ObjForm.find("[id$=fSJZFJE]").attr("value",zfje);//实际自付金额（元） fSJZFJE
                }
            });
            }
        });

        function CheckElement(){
            /*
            var nysf = "[id$=fHJNYSFJE]";//合计年应收费总额（元） fHJNYSFJE
            var bcje = "[id$=fXNHBCJE]";//新农合应予补偿金额（元） fXNHBCJE
            var jmje = "[id$=fJMJE]";//减免金额（元） fJMJE
            var zfje = "[id$=fSJZFJE]";//实际自付金额（元） fSJZFJE ,"zfje":"[id$=fSJZFJE]"
            */
            var $ObjForm = $("[class=content01]"); //jquery对象：【content01】
            var sfElement ='{"nysf":"[id$=fHJNYSFJE]","bcje":"[id$=fXNHBCJE]","jmje":"[id$=fQTJMJE]"}';
            var sfElementJSON = eval("("+sfElement+")");//收费相关json数据
            $.each(sfElementJSON,function(idex,item){
            if($ObjForm.find(item).val() == null || $ObjForm.find(item).val() == ''){
             return result = false;
             }else{
             return result = true;
             }
            });
            return result;
        }

        function CheckInput() {
            var result = $("#aspnetForm").validate({
                rules: {
                    ctl00$ContentPlaceHolder1$sXMMC: {//项目名称
                        required: true,
                        maxlength: 50
                    },
                    ctl00$ContentPlaceHolder1$sXMBM: {//项目编码
                        required: true,
                        maxlength: 50
                    },
                    ctl00$ContentPlaceHolder1$sXMNR: {//项目内容
                        required: true,
                        maxlength: 50
                    },
                    ctl00$ContentPlaceHolder1$fZFZDJ: {//政府指导价
                        decimalMaxLength: [12, 2]
                    },
                    ctl00$ContentPlaceHolder1$iCS: {//次数
                        digits: true
                    },
                    ctl00$ContentPlaceHolder1$iPC: {//频次（字典：1、每月，3、每季度，12、每年）
                        required: true,
                        digits: true
                    },
                    ctl00$ContentPlaceHolder1$fSFBZ: {//收费标准（元）
                        decimalMaxLength: [12, 2],
                        IsCheckAmount:true
                    },
                    ctl00$ContentPlaceHolder1$sSFWJYJ: {//收费文件依据
                        maxlength: 50
                    },
                    ctl00$ContentPlaceHolder1$fHJNYSFJE: {//年应收费总额（元）
                        required: true,
                        decimalMaxLength: [12, 2],
                        IsCheckAmount:true
                    },
                    ctl00$ContentPlaceHolder1$fXNHBCJE: {//新农合应予补偿金额（元）
                        required: true,
                        decimalMaxLength: [12, 2],
                        IsCheckAmount:true
                    },
                    ctl00$ContentPlaceHolder1$fQTJMJE: {//其他减免金额（元）
                        required: true,
                        decimalMaxLength: [12, 2],
                        IsCheckAmount:true
                    },
                    ctl00$ContentPlaceHolder1$fSJZFJE: {//实际自付金额（元）
                        required: true,
                        decimalMaxLength: [12, 2],
                        IsCheckAmount:true
                    },
                    ctl00$ContentPlaceHolder1$fCBJE: {//成本金额（元）
                        decimalMaxLength: [12, 2],
                        IsCheckAmount:true
                    },
                    ctl00$ContentPlaceHolder1$sBZ: {//备注
                        maxlength: 350
                    }
                },
                errorClass: "errorClass"
            });
            return result.form();
        }
        
jQuery.validator.addMethod("IsCheckAmount", function (value, element) {
    var result = true;
    
    if (value < 0) 
        result= false;
    return result;
}, "*请输入正数");

        //当【选择项目信息】选择导入【选择项目信息】用于存储信息并保存
        function GDrugs() {
            winer.OpenWin('导入药品/诊疗项目信息', '/pages/Dictionary/MLBManagement/MLBList.aspx?iType=ypzl', 700, 500, false, this);
            return false;
        }

        function DoNew() {
            $(parent.document).find(".x-window-header-text").html("服务项目新增");
            this.location.href = 'ServiceItemsEdit.aspx'
            return false;
        }

        function DoClose() {
            winer.close();
        }
    </script></span>


2，jquery：选择器的调用

$ObjForm.find(item.span[0]).css("display", "none"); //span标签
$ObjForm.find(item.span[1]).text($("[id$=hidSLWXXM]").val());
$ObjForm.find(item.span[2]).text($("[id$=hidGGWSFW]").val());
$ObjForm.find(item.textarea).attr("disabled", "disabled"); //textarea 标签

3，jquery：扩展validate插件，实现自定义验证控件，统一调用

<span style="color:#000000;">1,调用：
ctl00$ContentPlaceHolder1$fHJNYSFJE: {//年应收费总额（元）
                        required: true,
                        decimalMaxLength: [12, 2],
                        IsCheckAmount:true
                    },
ctl00$ContentPlaceHolder1$fXNHBCJE: {//新农合应予补偿金额（元）
                        required: true,
                        decimalMaxLength: [12, 2],
                        IsCheckAmount:true
                    },
2，函数：
jQuery.validator.addMethod("IsCheckAmount", function (value, element) {
    var result = true;
    
    if (value < 0) 
        result= false;
    return result;
}, "*请输入正数");</span>
4，jquery：前端获取后台数据，属性调用 

<span style="color:#000000;">1,C#后台属性：
private string xmbm;//项目编码
        /// <summary>
        /// 声明public只读型变量：XMBM，便于前台绑定
        /// </summary>
        public string XMBM
        {
            get
            {
                DataSet ds = SqlHelper.ExecuteStoredProToDataSet("GetKey", "", null);
                if (ds != null && ds.ToString() != "")
                    xmbm = ds.Tables[0].Rows[0][0].ToString();
                return xmbm;
            }
        }</span>
<span style="color:#000000;">2，jquery前台调用：
if(gkey == undefined || gkey == null || gkey == ''){//新增页面
            $("[id*=sXMBM]").attr("value",<%=XMBM %>);//项目编码赋值
            }</span>
5，jquery：each循环遍历json数据 

<span style="color:#000000;">1,
$ObjForm = $("[id=aspnetForm]"); //jquery对象：【aspnetForm】
                //var pageControlElementJSON = eval("("+pageControlElement+")");//eval转换
                //避免浏览器报错，将object对象pageControlElement转换为JSON对象
                $.each(jQuery.parseJSON(pageControlElement), function (idex, item) {
                    if (item.span != undefined && item.span != null && item.span != '') {
                        $ObjForm.find(item.span[0]).css("display", "none"); //span标签
                        $ObjForm.find(item.span[1]).text($("[id$=hidSLWXXM]").val());
                        $ObjForm.find(item.span[2]).text($("[id$=hidGGWSFW]").val());
                    }
                    if (item.linkbutton != undefined && item.linkbutton != null && item.linkbutton != '') {
                        $ObjForm.find(item.linkbutton[0]).css("display", "none"); //input 标签
                        $ObjForm.find(item.linkbutton[1]).css("display", "none");
                        $ObjForm.find(item.linkbutton[2]).css("display", "none");
                    }
                    if (item.textarea != undefined && item.textarea != null && item.textarea != '') {
                        $ObjForm.find(item.textarea).attr("disabled", "disabled"); //textarea 标签
                    }
                });
                /*$("[id=aspnetForm]").find("span:not([id*=sp])").css("display", "none"); //必填项，查找所有id包含"sp"的span元素："spSLWXXM"，"spGGWSFW"【显示】,其它span元素【隐藏】
                $("[id=aspnetForm]").find("span[id$=spSLWXXM]").text($("[id$=hidSLWXXM]").val()); //为span控件【spSLWXXM】赋值并显示
                $("[id=aspnetForm]").find("span[id$=spGGWSFW]").text($("[id$=hidGGWSFW]").val()); //为span控件【spGGWSFW】赋值并显示
                $("[id=aspnetForm]").find("input[id$=btnGetDrugsInfo]").css("display", "none"); //选择项目信息【隐藏】
                $("[id=aspnetForm]").find("input[id$=lbtnAdd]").css("display", "none"); //新增，保存【隐藏】（后缀为lbtnAdd的所有input的jquery对象 ）
                $("[id=aspnetForm]").find("input[id$=lbtnSave]").css("display", "none");
                $("[id=aspnetForm]").find("textarea[id$=sBZ]").attr("disabled", "disabled"); //备注，禁用
                【暂不用】*/
2,var $ObjForm = $("[class=content01]"); //jquery对象：【content01】
            var sfElement ='{"nysf":"[id$=fHJNYSFJE]","bcje":"[id$=fXNHBCJE]","jmje":"[id$=fQTJMJE]"}';
            var sfElementJSON = eval("("+sfElement+")");//收费相关json数据
            $.each(sfElementJSON,function(idex,item){
            if($ObjForm.find(item).val() == null || $ObjForm.find(item).val() == ''){
             return result = false;
             }else{
             return result = true;
             }
            });</span>
6，字符串转换为json的两种方式：eval（'('+string+')')，$.parseJSON(string)【需要引用jquery相关文件】 

<span style="color:#000000;">1，eval转换：
var sfElementJSON = eval("("+sfElement+")");//收费相关json数据
2，$.parseJSON转换：
$.each(jQuery.parseJSON(pageControlElement), function (idex, item) {...</span>
7，返回值函数，便于验证 

<span style="color:#000000;">1，调用：
if(CheckElement()){
                $ObjForm = $("[class=content01]");
                nysf = $ObjForm.find("[id$=fHJNYSFJE]").val();//合计年应收费总额（元） fHJNYSFJE
                bcje = $ObjForm.find("[id$=fXNHBCJE]").val();//新农合应予补偿金额（元） fXNHBCJE
                jmje = $ObjForm.find("[id$=fQTJMJE]").val();//减免金额（元） fQTJMJE
                zfje = parseFloat(nysf)-parseFloat(bcje)-parseFloat(jmje);
                zfje = zfje.toFixed(2);//保留2位小数，避免浮点数相减产生多位小数情况
                $ObjForm.find("[id$=fSJZFJE]").attr("value",zfje);//实际自付金额（元） fSJZFJE
                }
2，函数：
function CheckElement(){
            /*
            var nysf = "[id$=fHJNYSFJE]";//合计年应收费总额（元） fHJNYSFJE
            var bcje = "[id$=fXNHBCJE]";//新农合应予补偿金额（元） fXNHBCJE
            var jmje = "[id$=fJMJE]";//减免金额（元） fJMJE
            var zfje = "[id$=fSJZFJE]";//实际自付金额（元） fSJZFJE ,"zfje":"[id$=fSJZFJE]"
            */
            var $ObjForm = $("[class=content01]"); //jquery对象：【content01】
            var sfElement ='{"nysf":"[id$=fHJNYSFJE]","bcje":"[id$=fXNHBCJE]","jmje":"[id$=fQTJMJE]"}';
            var sfElementJSON = eval("("+sfElement+")");//收费相关json数据
            $.each(sfElementJSON,function(idex,item){
            if($ObjForm.find(item).val() == null || $ObjForm.find(item).val() == ''){
             return result = false;
             }else{
             return result = true;
             }
            });
            return result;
        }</span>
8，ext框架，为父页面赋值，相关操作 

<span style="color:#000000;">1,父页面调用：
//接受药品/诊疗选择页面传递的药品/诊疗信息
        function SetPatientValue(obj) {
            $("#ctl00_ContentPlaceHolder1_sXMBM").val(obj.sXMBM);
            $("#ctl00_ContentPlaceHolder1_sXMMC").val(obj.sXMMC);
            $("#ctl00_ContentPlaceHolder1_fZFZDJ").val(obj.fZFZDJ);
        }
2，子页面函数抒写：
略</span>
9，抒写jquery格式：统一声明变量，下面一步一步抒写相关js（我喜欢叫jquery）函数 

<span style="color:#000000;">var itype = getParameter("iType");//页面标识：查看页面
        var gkey = getParameter("gKey"); //主键
        var pageControlElement;//json数据拼装：页面对象（金额计算调用）
        //var pageElement = '{"fSFBZ":"[id$=fSFBZ]","fHJNYSFJE":"[id*=fHJNYSFJE]","fXNHBCJE":"[id$=fXNHBCJE]","fQTJMJE":"[id*=fSJZFJE]":"[id$=fCBJE]"}';//json数据拼装：页面对象（金额验证调用）：收费标准（元） fSFBZ，年应收费总额（元） fHJNYSFJE，新农合应予补偿金额（元） fXNHBCJE，其他减免金额（元） fQTJMJE，实际自付金额（元） fSJZFJE，成本金额（元） fCBJE 暂不用
        var result = "true";//标识：result（默认：true，都不为空计算实际自负金额；false，有一项或多项为空不计算）
        var $ObjForm; //jquery对象：窗体对象
        var nysf;//合计年应收费总额（元） fHJNYSFJE
        var bcje ;//新农合应予补偿金额（元） fXNHBCJE
        var jmje;//减免金额（元） fJMJE
        var zfje;//声明一个变量：实际自付金额（元），便于设置实际自付金额（元）的值</span>

风信子的花语
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端控件总结.xmind
04-01
前端测试许多输入框大同小异，这个文档比较全，可以免去大家比较多的麻烦
前端在线预览xmind文件，处理二进制流，使用插件：xmind-embed-viewer
m0_58278738的博客
01-03 2513
前端在线预览xmind文件，处理二进制流，使用插件：xmind-embed-viewer
前端知识架构图.xmind
10-14
前端知识架构的xmind图，欢迎下载，欢迎提宝贵意见，大家一起学习
jQuery笔记总结
weixin_30493401的博客
12-18 622
来源于：http://blog.poetries.top/2016/10/20/review-jQuery/ http://www.jianshu.com/p/f8e3936b34c9 首先，来了解一下jQuery学习的整体思路 第一节 jQuery初步认知 jQuery概述 JQuery概念 javascript概念 基于Js语言的API和语法组织逻辑，...
jQuery☞插件
oyang的博客
03-22 846
jQuery自定义插件、jQuery第三方插件-表单验证插件
jquery前端设计辅助工具特效代码
03-20
本篇将详细解析标题为"jquery前端设计辅助工具特效代码"的相关知识点，帮助你更好地理解和运用jQuery进行前端设计。 1. **jQuery基础** - **选择器**：jQuery的选择器语法类似CSS，用于选取DOM元素，如`$("#id")`...
jquery前端非空验证
02-08
本篇文章将深入探讨如何利用jQuery进行前端非空验证。 一、jQuery简介 jQuery是一个轻量级、高性能的JavaScript库，它简化了HTML文档遍历、事件处理、动画设计以及Ajax交互。其简洁的API使得开发者能够高效地编写...
jquery前端开发实践
08-02
《jQuery前端开发实践》 在前端开发领域，jQuery是一个广泛使用的JavaScript库，它极大地简化了DOM操作、事件处理、动画效果以及Ajax交互等任务。这篇博文主要探讨了jQuery在实际开发中的应用及其与原生JavaScript...
jquery ajax 分页 前端
09-13
本篇文章将深入探讨如何利用jQuery和AJAX技术实现纯前端的分页功能，无需依赖后端服务器支持。 ### 1. jQuery和AJAX简介 jQuery是一个强大的JavaScript库，它简化了DOM操作、事件处理、动画和Ajax交互。AJAX...
jquery1.10.x jsencrypt 前端rsa加密
08-28
本篇文章将详细探讨jQuery 1.10.x版本与jsencrypt库的结合使用，以及如何实现前端RSA加密。 **1. jQuery 1.10.x 简介** jQuery是一个高效、简洁、易用的JavaScript库，它简化了HTML文档遍历、事件处理、动画和Ajax...
jQuery优秀插件（非常多非常全）
08-15
jQuery 优秀插件 包含jquery-ui AnythingSlider_滑动面板 autosprites_菜单 coda-slider-2.0_滑动面板 easyslider1.7_滑动面板 jqtransform-1.1_表单转换 jquery.chromatable-1.3.0_滚动表格 jquery.uploadify-v2.1.0_文件上传 colortips提示 jQuery.gvChart-1.0图表 jquery.yoxview-2.2-幻灯片浏览 nivo-slider2.3拥有9种过度效果的超级smooth slider quicksand.1.2.1重新排序 Jquery.tools.tabs tab 层旋转
jQuery 插件
m0_62604616的博客
03-22 1703
今天呢，给大家带来的是关于jQuery插件的分享。 插件分为自定义插件和第三方插件，自定义插分为$.extend和$.fn.extend，而第三方插件呢是别人写的，我给大家带来一个官方的表单验证插件。 一、自定义插件 1、$.extend: $.extend有两个作用，【作用1】对象继承： $.extend(对象1，对象2)---->对象1继承对象2 代码块： <script type="text/javascript"> $..
自定义view之动手实现一个简单的xmind思维导图结构
步行者
01-14 852
文章目录1、思路拆分2、细分实现2-1、文字换行实现思路2-2、贝塞尔曲线弧度实现思路3、核心源代码 老样子，先放效果图吸引火力 1、思路拆分 猛一看这个图，感觉有种无从小手的感觉是不是？ 那么让我先来拆分下思路，相信你会觉得很简单。 首先这个思维导图构成是由 主题： 子节点： 其中子节点支持控制都是还有子节点 链接线： 链接线是支持弧度的，第一感觉就是要用贝塞尔曲线来实现。 2、细分实现 其实观察下来，实现上面的难点主要是两个，第一个是文字换行，第二个是贝塞尔曲线弧度。下面我来一个个拆解下。 2-
前端之jQuery
Yietong的博客
08-26 896
jQuery是一个轻量级的兼容多浏览器的javascript库.它使用户能够更方便的处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do more.“...
前端基础之jQuery
qq_53350943的博客
04-07 3444
jQuery是一个封装JS的框架。 使用jQuery可以更方便的编写JS脚本实现的功能。 jQuery 是一个 JavaScript 库。 jQuery 极大地简化了 JavaScript 编程。 HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX（重要
前端 jQuery框架
wk3510的博客
07-29 4181
bootstrap帮我们写好了一个css文件里面定义好了很多的css样式100%;}我们在使用的时候只需要在html中写标签添加响应的class即可学习有哪些class会有什么效果jquery我们使用原生的js，需要实现很多的页面动态效果，所有的效果都需要我们自己手动写逻辑jquery就是使用js代码帮我们写好了很多的动态特效，我们需要使用的时候只需要调用其写好的函数即可。............
前端技术——7——jQuery
kaoa000的专栏——非淡泊无以明志，非宁静无以致远
03-14 3023
jQuery是继prototype之后又一个JavaScript框架，是一个快速、简洁的JavaScript库，使用户能更方便的处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互；jQuery能够使用户的html页保持代码和内容分离，即不用再在html中插入一堆js来调用命令了，只需定义id即可。 什么是jQuery对象： jQuery对象就是通过jQuery包装DOM对象后产生的对象；jQuery对象是jQuery独有的，如果一个对象是jQuery对象，那么
web前端(5)：了解jQuery(常见选择器+相关尺寸+元素/节点操作)
不愿意透露姓名的网友
08-20 1516
常见选择器+相关尺寸+元素/节点操作
jQuery超详细总结，2024年最新前端实战开发教程
最新发布
m0_61549984的博客
04-10 412
attr()和attr: attribute 属性attr()是一个读写的方法attr(要读取的属性名): 传递一个参数的时候是读取attr(属性名, 属性值): 传递两个参数的时候是设置专门用来移除属性的attr这套方法的注意:所有的属性都会显示在标签上(原生属性和自定义属性)不管你设置的是什么数据类型, 都会给你变成字符串removeAttr 删除 attr 设置的属性, 有多少删除多少(针对自定义属性)prop()和prop: property 属性prop()一个读写的方法。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值