精华内容
下载资源
问答
  • 要在vue页面中使用jquery的语法。 这里直接使用$.ajax会提示$找不到。 注: 博客:https://blog.csdn.net/badao_liumang_qizhi 关注公众号 霸道的程序猿 获取编程相关电子书、教程推送与免费下载。 实现 搭建后...

    场景

    使用ElementUI的快速开始的项目模板搭建Element项目后,

    要在vue页面中使用jquery的语法。

    这里直接使用$.ajax会提示$找不到。

    注:

    博客:
    https://blog.csdn.net/badao_liumang_qizhi
    关注公众号
    霸道的程序猿
    获取编程相关电子书、教程推送与免费下载。

    实现

    搭建后的项目结构为

     

    1.main.js中添加

    import $ from 'jquery'

    添加位置如下

     

    2.package.json中添加

    "jquery": "^2.2.3"

    具体版本号根据自己需要

    添加位置如下

     

    3.webpack.config.js中添加

    new webpack.ProvidePlugin({
            jQuery: "jquery",
            $: "jquery"
        })

    添加位置如下

     

    展开全文
  • xapges引用jquery

    千次阅读 2015-03-10 11:04:11
    在domino的form的web的开发当中已经有说明怎样引用jquery,现在在xpages怎样引用jquery呢?  一、在资源中引用jquery  (database.getFilePath(),'\\','/')+'/

       在domino的form的web的开发当中已经有说明怎样引用jquery,现在xpages怎样引用jquery呢?

    demo下载  http://download.csdn.net/detail/weijia3624/8493885


      一、在资源中引用jquery


    <xp:this.resources>
            <xp:script src="#{javascript:'/.ibmxspres/domino/'+@ReplaceSubstring(database.getFilePath(),'\\','/')+'/jquery-1.11.0.min.js'}" clientSide="true"
            rendered="#{javascript:context.getUserAgent().isIE(0,8)}">
            </xp:script>

            <xp:script src="#{javascript:'/.ibmxspres/domino/'+@ReplaceSubstring(database.getFilePath(),'\\','/')+'/jquery-2.1.1.min.js'}" clientSide="true"
            rendered="#{javascript:context.getUserAgent().isIE(9,11) || (!context.getUserAgent().isIE())}">
            </xp:script>
        </xp:this.resources>

     二、重新定义选择器,这样就可以方便选择jquery的方法选择xpages的元素了

    //原文http://openntf.org/XSnippets.nsf/snippet.xsp?id=x-jquery-selector-for-xpages

    <xp:scriptBlock>
            <xp:this.value><![CDATA[
            
            //function is called using x$("#{id:inputText1}", " parameters").
            //Updated 18 Feb 2012
            function x$(idTag, param){
               idTag=idTag.replace(/:/gi, "\\:")+(param ? param : "");
               return($("#"+idTag));
            }
            
            ]]></xp:this.value>
        </xp:scriptBlock>



    展开全文
  • 转-怎样定义JQuery插件

    2015-10-22 17:18:00
     有些WEB开发者,会引用一个JQuery类库,然后在网页上写一写("#"),("."),写了几年就对别人说非常熟悉JQuery。我曾经也是这样的人,直到有一次公司里的技术交流,我才改变了自己对自己的看法。 二:普及JQuery...

    一:导言

       有些WEB开发者,会引用一个JQuery类库,然后在网页上写一写("#"),("."),写了几年就对别人说非常熟悉JQuery。我曾经也是这样的人,直到有一次公司里的技术交流,我才改变了自己对自己的看法。

    二:普及JQuery知识

    知识1:用JQuery写插件时,最核心的方法有如下两个:

    $.extend(object) 可以理解为JQuery 添加一个静态方法。

    $.fn.extend(object) 可以理解为JQuery实例添加一个方法。

    基本的定义与调用:

    复制代码
    /* $.extend 定义与调用
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
    $.extend({ fun1: function () { alert("执行方法一"); } });
    $.fun1();
    /*  $.fn.extend 定义与调用
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
    $.fn.extend({ fun2: function () { alert("执行方法2"); } });
    $(this).fun2();
    //等同于
    $.fn.fun3 = function () { alert("执行方法三"); }
    $(this).fun3();
    复制代码

    知识2:jQuery(function () { }); 与  (function ($) { })(jQuery);的区别:

    复制代码
    jQuery(function () { });
    //相当于
    $(document).ready(function () { });
    /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
    (function ($) { })(jQuery);
    //相当于
    var fn = function ($) { };
    fn(jQuery);
    复制代码

    jQuery(function () { });是某个DOM元素加载完毕后执行方法里的代码。

    (function ($) { })(jQuery); 定义了一个匿名函数,其中jQuery代表这个匿名函数的实参。通常用在JQuery插件开发中,起到了定义插件的私有域的作用。

     

    三:开发JQuery插件标准结构

      1,定义作用域:定义一个JQuery插件,首先要把这个插件的代码放在一个不受外界干扰的地方。如果用专业些的话来说就是要为这个插件定义私 有作用域。外部的代码不能直接访问插件内部的代码。插件内部的代码不污染全局变量。在一定的作用上解耦了插件与运行环境的依赖。说了这么多,那要怎样定义 一个插件的私有作用域?

    //step01 定义JQuery的作用域
    (function ($) {
    
    })(jQuery);

    别小看了这个作用域,就像c#定义一个类的class关键字一样重要。

      2,为JQuery扩展一个插件:当定义好了JQuery的作用域后,最核心也是最迫切的一步就是为这个JQuery的实例添加一个扩展方法。 首先我们为这个Jqury插件命名一个方法,叫easySlider,当在调用这个插件的时候,我们可以通过options来给这个插件传递一些参数。具 体的定义方法看如下代码:

    复制代码
    //step01 定义JQuery的作用域
    (function ($) {
        //step02 插件的扩展方法名称
        $.fn.easySlider = function (options) {
            
        }
    })(jQuery);
    复制代码

    到现在为止,其实一个最简单的JQuery插件就已经完成了。调用的时候可以("#domName").easySlider({}),或者(".domName").easySlider({})或者更多的方式来调用这个插件。

      3,设置默认值:定义一个JQuery插件,就像定义一个.net控件。一个完美的插件,应该是有比较灵活的属性。我们来看这段代 码:<asp:TextBox ID="TextBox1" Width="20" Height="100" runat="server"></asp:TextBox>。  TextBox控件有Width和Height属性,用户在用TextBox时,可以自由的设置控件的Height和Width,也可以不设置值,因为控 件自身有默认值。那准备开发一个JQuery插件时,在用户未指定属性时,应该有默认值,在JQuery可以分两步实现这样的定义,看如下代码 step03-a,step03-b。

    复制代码
    //step01 定义JQuery的作用域
    (function ($) {
        //step03-a 插件的默认值属性
        var defaults = {
            prevId: 'prevBtn',
            prevText: 'Previous',
            nextId: 'nextBtn',
            nextText: 'Next'
            //……
        };
        //step02 插件的扩展方法名称
        $.fn.easySlider = function (options) {
            //step03-b 合并用户自定义属性,默认属性
            var options = $.extend(defaults, options);
        }
    })(jQuery);
    复制代码

      做程序的人都喜欢创新,改改变量名呀,换一个行呀这些。当看到用var defaults = {}来表示一个默认属性时,在自己写JQuery插件时就想着与众不同,所以用var default01 ={} ,var default02 ={}来表示默认属性了。然后默认属性名五花八门,越来越糟。所以建议在写JQuery插件时,定义默认属性时,都用defaults变量来代表默认属 性,这样的代码更具有可读性。

      有人看到这行代码:var options = $.extend(defaults, options),皱起眉头,表示不解。那我们先来看如下代码:

    复制代码
    var obj01 = { name: "英文名:Sam Xiao", age: 29, girlfriend: { name: "Yang", age: 29} }
    var obj02 = { name: "中文名:XiaoJian", girlfriend: { name: "YY"} };
    
    var a = $.extend(obj01, obj02);
    var b = $.extend(true, obj01, obj02);
    var c = $.extend({}, obj01, obj02);
    var d = $.extend(true,{}, obj01, obj02);
    复制代码

    把代码拷贝到开发环境中,分别看一下a,b,c,d的值,就明白了var options = $.extend(defaults, options)的含义了。表示 options 去覆盖了defaults的值,并把值赋给了options。
    在插件环境中,就表示用户设置的值,覆盖了插件的默认值;如果用户没有设置默认值的属性,还是保留插件的默认值。

      4,支持JQuery选择器:JQuery选择器,是JQuery的一个优秀特性,如果我们的插件写来不支持JQuery选择器,确实是一个不小的遗憾。如了使自己的JQuery插件能支持多个选择器,我们的代码应该这样定义:

    复制代码
    //step01 定义JQuery的作用域
    (function ($) {
        //step03-a 插件的默认值属性
        var defaults = {
            prevId: 'prevBtn',
            prevText: 'Previous',
            nextId: 'nextBtn',
            nextText: 'Next'
            //……
        };
        //step02 插件的扩展方法名称
        $.fn.easySlider = function (options) {
            //step03-b 合并用户自定义属性,默认属性
            var options = $.extend(defaults, options);
            //step4 支持JQuery选择器
            this.each(function () {
    
            });
        }
    })(jQuery);
    复制代码

    5,支持JQuery的链接调用:上边的代码看似完美了,其实也不那么完美。到目前为止还不支持链接调用。为了能达到链接调用的效果必须要把循环的每个元素return

    复制代码
    //step01 定义JQuery的作用域
    (function ($) {
        //step03-a 插件的默认值属性
        var defaults = {
            prevId: 'prevBtn',
            prevText: 'Previous',
            nextId: 'nextBtn',
            nextText: 'Next'
            //……
        };
        //step02 插件的扩展方法名称
        $.fn.easySlider = function (options) {
            //step03-b 合并用户自定义属性,默认属性
            var options = $.extend(defaults, options);
            //step4 支持JQuery选择器
            //step5 支持链式调用
            return this.each(function () {
    
            });
        }
    })(jQuery);
    复制代码

    这样的定义才能支持链接调用。比如支持这样的调 用:$(".div").easySlider({prevId:"",prevText:""}).css({ "border-width": "1", "border-color": "red", "border-bottom-style": "dotted" });

    6,插件里的方法:往往实现一个插件的功能需要大量的代码,有可能上百行,上千行,甚至上万行。我们把这代码结构化,还得借助function。在 第一点已经说了,在插件里定义的方法,外界不能直接调用,我在插件里定义的方法也没有污染外界环境。现在就尝试着怎么样在插件里定义一些方法:

    复制代码
    //step01 定义JQuery的作用域
    (function ($) {
        //step03-a 插件的默认值属性
        var defaults = {
            prevId: 'prevBtn',
            prevText: 'Previous',
            nextId: 'nextBtn',
            nextText: 'Next'
            //……
        };
        //step06-a 在插件里定义方法
        var showLink = function (obj) {
            $(obj).append(function () { return "(" + $(obj).attr("href") + ")" });
        }
    
        //step02 插件的扩展方法名称
        $.fn.easySlider = function (options) {
            //step03-b 合并用户自定义属性,默认属性
            var options = $.extend(defaults, options);
            //step4 支持JQuery选择器
            //step5 支持链式调用
            return this.each(function () {
                //step06-b 在插件里定义方法
                showLink(this);
            });
        }
    })(jQuery);
    复制代码

    步骤step06-a:在插件里定义了一个方法叫showLink(); 这个方法在插件外是不能直接调用的,有点像C#类里的一个私有方法,只能满足插件内部的使用。步骤step06-b演示了怎样调用插件内部的方法。

    转载于:https://www.cnblogs.com/phobete/p/4901656.html

    展开全文
  • SharePoint里面自带了一个Content Editor Webpart, 使用这个webpart。...以此来达到往页面加入自己定义内容的目的。 当然,讲到这里。...那么怎样在Content Editor Webpart里加入JQuery呢? 1.首先在Styl...

    SharePoint里面自带了一个Content Editor Webpart, 使用这个webpart。能够方便的往页面上加入随意的内容(HTML,css, JS)。以此来达到往页面加入自己定义内容的目的。

     

    当然,讲到这里。JQuery 也是不可缺少的了。那么怎样在Content Editor Webpart里加入JQuery呢?

     

    1.      首先在Style Library里,上传JQuery


    2.      然后打开一个页面。编辑页面,增加一个Content Editor Webpart。选中Content Editor Webpart, 在Ribbon上点击Edit Source:


    3.      在里面引用JQuery:

    <scripttype="text/javascript"src="/sites/apps/Style%20Library/jquery-1.10.2.min.js"></script>​​​​​​​
    <scripttype="text/javascript">
    jQuery(document).ready(function(){
     
    alert("JqueryLoaded!");
     
    });
    </script>​​​​​​​​​

     

    点OK。

    4.      停止编辑。保存页面,刷新,得到以下的提示:


    说明JQuery载入成功了。

    转载于:https://www.cnblogs.com/claireyuancy/p/6727011.html

    展开全文
  • 各位大神,求助 初次接触jQuery UI,不知道怎样能够应用到自己的页面中。我在http://jqueryui.com/themeroller/中下载了一个主题,下载后的文件... 我应该怎样做,或者是要引用那些脚本才能够使用jQuery UI 这个库。
  • jquery本地引用无效的问题

    千次阅读 2015-04-23 22:20:09
    问题是:大家一般引用jquery都是通过Google引用的,但是我的电脑上不了外网,所以怎样引用本地jquery文件呢?你是不是引用了却不好使呢?答案很简单,把这个javascript引用放到引用的第一位就好了,就可以了!至于...
  • JQuery

    2019-09-08 13:29:50
    1. JQuery的基本概念 1.1为什么要学习jQuery? 1.2什么是jQuery?(理解) 说白了:jQuery就是一个js库,使用jQuery的话,会比使用JavaScript更简单。...1.3 怎样使用jQuery?(重点) 使用jQuery的三个基本...
  • 初识jQuery

    2020-07-08 20:35:40
    jQuery的优势 体积小,压缩后只有100KB左右 强大的选择器 出色的DOM封装 可靠的事件处理机制 出色的浏览器兼容性 使用隐式迭代简化编程 ...怎样在js中引用jQuery <script src="js/jquery-1.12.4.js
  • 初识JQuery

    2020-07-09 12:31:01
    jQuery的优势 体积小,压缩后只有100KB左右 强大的选择器 出色的DOM封装 ...怎样在js中引用jQuery <script src="js/jquery-1.12.4.js" type="text/javascript"></script> 显示和隐藏 $(sel
  • 1. 利用jQuery的append,remove写了一个重新加载外部引用js的代码,可以在指定的选择器后添加元素块,但是执行顺序有点看不懂。 2. 代码如下 ``` var str = null; //用来测试下面的if函数的 require(['...
  • Angular 4_使用jquery

    2018-03-05 14:54:19
    怎样在angular 4+中使用jquery?class MyComponent { constructor() { // 怎样在这个地方使用jquery 获取dom元素?...1,先引用jQuery的typescript定义tsd install jquery --save or typings in...
  • domino引入jquery

    千次阅读 2015-03-05 17:52:10
    jquery的流行很简化了js开发,更重要的他使js可以跨浏览器使用,具体更多使用可以网上查,这里只说明domino怎样引用,这里有之前做的下载 http://download.csdn.net/detail/weijia3624/7371459
  • JQuery选择器 (1)

    2019-05-11 20:36:24
    一、Jquery的基本概念 1、为什么要学习Jquery ? 2、什么是Jquery ? (理解) ...说白了:jQuery就是一个js库,使用jQuery的话,会比使用JavaScript更简单。...3、怎样使用Jquery ? (重点) 3.1...
  • JQuery(二)

    2015-12-17 23:19:00
    本文章引用了http://www.imooc.com上的JQuery基础课程。... 在jQuery中,如果想得到一组相同标签元素中的第1个元素该怎样做呢? 在下面的示例代码中你可能注意到我们会使用 $(“li:first”) 注意...
  • 用jq的前提,首先要引用一个有jq的文件 [removed][removed] 这个是jquery官方最新的地址。可用在自己网站里加个这个,就能使用jquery了。 但仍然建议下载到本地服务器上。 编辑本段找到你了!  在编写js库代码时候...
  • 返回的是jQuery.prototype.init对象,很多人就会不明白,init明明是jQuery.fn的方法啊,实际上这里不是方法,而是init的构造函数,因为js的prototype对象可以实现继承,加上js的对象只是引用不会是拷贝,new jQuery,...
  • 打开以前练习的一个视图Views\Home\Index.cxhtml:添加一个input html tag,它的type为text:然后在视图的head节点内,引用jQuery的UI,怎样引用,可以参考:《MVC程序实现Autocomplete功能》ht...
  • jQuery事件处理jQuery事件处理方法是jQuery的核心函数。 ... 通常会把jQuery代码放在部分的事件处理方法中。...DOM第0级事件模型事件处理程序是通过把函数实例的引用指派到DOM元素的属性而声明的。定义这些属性用
  • 前面我写过一篇短小的文章,简要的介绍了下怎样定义input type=”file” 的样式。对于一般的表单,上传控件较少,这样的做法确实不错,既减少了代码,又美化了样式,原文:《定义input type=”file” 的样式》 其实...
  • 这个时候下载一个jquery或者bootstrap。最终下载的都是一个文件夹,里面有很多其他文件,一般都包括压缩版和非压缩版等等。但是实际项目中可能只会引用1,2个文件。这时候用fis去构建,就会...
  • 在使用jQuery Mobile进行Web开发中,当页面跳转时(pageA => pageB),在pageB中引用的JS并未成功运行。因为,JQM并为将整个页面加载到当前的dom中,仅将data-role=”page”元素加入当前的dom中。因此,在<head&...
  • bootstrap中jquery插件——下拉菜单

    千次阅读 2017-03-22 16:36:41
    这篇是用来记录怎样为应用了bootstrap下拉菜单组件的元素引用下拉菜单插件的,其实无论使用bootstrap中哪一个插件都有两种方式: 一种是直接使用data-*扩展属性,这是 Bootstrap 中的一等 API,也应该是首选方式。 ...
  • 首先在显示pdf文件,则需先学习pdf.js的运用,先推荐http://blog.csdn.net/xiangcns/article/details/42089189博客,我这边的重点是怎样将pdf.js...直接上demo代码:我这边是引用O2S.ComponentModel.DataAnnotations...
  • 怎样检测变量是否设置? $定义 isset()// 检测变量是否设置 defined()// 检测常量是否设置 unset()//销毁指定的变量 empty()// 检测变量是否为空2. 什么是可变变量? 一个变量的变量名可以动态的设置和使用...
  • 这篇是用来记录怎样为应用了bootstrap样式、组件的元素引用标签页插件,其实无论使用bootstrap中哪一个插件都有两种方式: 一种是直接使用data-*扩展属性,这是 Bootstrap 中的一等 API,也应该是首选方式。 另一...
  • JQuery调用Web service实现AJAX原来如此?

    千次阅读 2012-06-17 12:02:37
    摘要:前几天跟一个朋友在聊Web的AJAX,以及利用web service在跨平台,...怎样能够做到灵活?可维护性强? 引用(卡奇诺)的提问: 1、我们使用AJAX的目的是什么? 2、我们使用WebService的目的又是什么? 一般而言,使用AJ

空空如也

空空如也

1 2 3
收藏数 57
精华内容 22
关键字:

怎样引用jquery