jquery前端篇

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>

时间： 2024-10-09 08:42:19

jquery前端篇的相关文章

[转]解读2014之前端篇：任性的颠覆式改变

http://www.infoq.com/cn/articles/2014-review-front-end-part 2014年,整个IT领域发生了许多深刻而又复杂的变化,InfoQ策划了“解读2014”年终技术盘点系列文章,希望能够给读者清晰地梳理出技术领域在这一年的发展变化,回顾过去,继续前行. 本篇是解读系列的前端篇,小编邀请到天猫前端团队的三七.铁军.不四.鬼道这四位专家来解读2014年前端领域最引人注目的几大热点. HTML5正式定稿,ECMAScript 6 规范从纸上走到现实 2

angular2之前端篇—1（node服务器分支）

上一篇.net core和angular2之前端篇-1 使用的是dotnet模板.之所以用它,因为想用他写webapi,但是写道下一篇的时候遇到点问题,所以先写个分支测试一下.这次是用Node作为服务器--webpack-dev-server.感觉这个demo 好简单啊! 一.新建一个项目目录,这里为F:\Visual Studio Code\app1 二.在项目根目录下添加JSON配置文件:package.json.tsconfig.json.typings.json { "name"

jQuery事件篇---高级事件

内容提纲: 1.模拟操作 2.命名空间 3.事件委托 4.on.off 和 one 发文不易,转载请注明出处! 一．模拟操作 在事件触发的时候,有时我们需要一些模拟用户行为的操作.例如:当网页加载完毕后自行点击一个按钮触发一个事件,而不是用户去点击. //点击按钮事件 $('input').click(function () { alert('我的第一次点击来自模拟!'); }); //模拟用户点击行为 $('input').trigger('click'); //可以合并两个方法 $('inp

web 前端篇：web前端到底是什么？有前途吗 ？

{" web前端开发 "是什么? } {" web前端开发 "有前途吗?}{" web前端开发 "到底怎么学?}这3个对象,是你入[前端]的初恋,对!没错同时和 3个对象谈恋爱. web 前端篇:web前端到底是什么?有前途吗 ?请听:微信jingfeng18分享 NO 1: web前端开发 "是什么? 其实web前端这个职位,并没有一个有效的历史记录可以查询,更没有一个明确的定义,她不像Java 攻城狮.c++开发这种一开始就有明确定

第15章WEB15-AJAX和JQuery案例篇

今日任务? 使用AJAX完成用户名的异步校验? 使用JQuery完成用户名异步校验? 使用JQuery完成商品信息模糊显示? 使用JQuery完成省市联动效果返回XML? 使用JQuery完成省市联动效果返回JSON教学导航教学目标了解AJAX的基本使用掌握JQuery的AJAX部分的代码掌握JQuery返回XML和JSON格式数据如何处理教学方法案例驱动法1.1 上次课内容回顾:JDBC的添加,修改,删除查询. 查询: 在首页点击查询:提交到Servlet--调用业务层--调用DAO 添加:

简单的jQuery前端验证码校验

简单的jQuery前端验证码校验2 html; <!DOCTYPE html> <html lang="zh-cn"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-widt

web前端篇：CSS使用，样式表特征，选择器

目录 web前端篇:CSS使用,样式表特征,选择器 1.CSS介绍 2.CSS使用 3.样式表特征 4.CSS选择器 5.选择器的优先级 6.练习题: web前端篇:CSS使用,样式表特征,选择器 1.CSS介绍 CSS :Cascading Style Sheet 层叠样式表 作用 :修饰和美化页面元素,实现网页排版布局 2.CSS使用 1行内样式/内联样式 特点 :在具体的标签中使用style属性,引入CSS样式代码 语法: CSS 样式声明 / 语句: 对当前元素添加样式 语法:CSS 属

JQuery入门篇

JQuery入门篇 jQuery选择器 “$”表示JQuery对象 根据ID查找 $(‘#var’)表示将一个id值为var的DOM节点封装成一个jQuery对象,DOM节点必须以“#”开头. 例如:有<div id="var "></div>存在,使用$(‘#var’)之后会将其封装成[<div id="var "></div>],但是如果不存在id=”var”,返回的jQuery对象是[],而不是一个null或un

java复习前端篇——Jquery

1.Jquery概述 轻量级的JS的类库.对JS进行封装.JQuery的作用:做页面的特效,页面异步操作.(使用时首先引入Jquery文件{注意版本}) 2.jq的入口函数 jq是等页面的DOM树绘制完成后进行执行.可以编写多个入口函数.而js的匿名函数,只能编写一个. 传统的JS的方式:页面加载的事件只能执行一次.    window.onload = function(){} Jquery原始写法    $(document).ready(function(){  // 在这里写你的代码..