1

我正在尝试将选择器设置为全局变量或命名空间。我不确定这是否是正确的术语，或者我是否正确地处理了这个问题。

我希望能够执行以下操作...

$.namespaceA = $('#myFirstDiv');
$.namespaceB = $('#mySecondDiv');


function myFirstFunction(){
   $.namespaceA.hide();
   $.namespaceB.css();
}

function mySecondFunction(){
   $.namespaceB.show();
}

这是我想如何使用它们的一个非常基本的示例。基本上最终目标是设置一组可以通过多种功能轻松使用的全局选择器。我不知道这是正确的还是理想的，这就是我问的原因。提前致谢。

4

3 回答 3

1

类似于 mcpDESIGNS：

http://jsfiddle.net/nqrvf/

<div id="myFirstDiv">first</div>
<div id="mySecondDiv">second</div>

var namespaceA = $('#myFirstDiv');
var namespaceB = $('#mySecondDiv');

$("#myFirstDiv").click(function() {
  namespaceA.hide();
});

$("#mySecondDiv").click(function() {
  namespaceA.show();
});
于 2012-08-29T17:51:54.553 回答
1

您可以在没有“var”关键字的情况下声明全局变量。

div = $('#myFirstDiv');

我们可以在它作为全局变量的任何函数中声明它。

于 2012-08-29T18:03:29.880 回答
1

你为什么不简单地制作全局变量？（他们可以毫无问题地保存 jQuery 包装集）

// When creating variables holding wrapped sets it is common naming to have 
// a $ following it (I find this rather annoying, since you can't easily double click
// on the var, in order to copy/paste it etc, so I always use _ underscore (personal preference)

var _div1 = $('#myFirstDiv'); // you will see a lot of people do div1$
var _div2 = $('#mySecondDiv'); // or div2$ (signifying the jQuery wrapped set)

_div2.hide();

//These could be used within multiple functions etc... No need for namespaces here!

function Whatever () {
    console.log(_div1);
    _div1.css('background', '#000');
}

$('#linkTrigger').on('click', function () {
    Whatever(); 
    _div2.fadeIn();
});

jsFiddle 演示

$.nameSpaceHere如果您尝试-扩展- jQuery 并添加您自己的某种实用程序函数，则更适合。

于 2012-08-29T17:49:35.200 回答