Question

我需要在PHP网页上使用JQuery设置css属性和类的html内容。这是我的代码的相关部分：

fs = require('fs');

var data=[
            [ '62346asd5f5510dda8f6223c557bb0bf0b5',
              'MH))WXlhs\'uOSu.iwJk[n}oz#w>T6L' ],
            [ '00d7994173ds265bfe71182154a1143b0', 
              '&Df1' ],
            [ '1b6c32941719fcbfc76c6e5428e5f5',
              'Fc/0PG#mHb49&#)V|$Swrr7as_*UnL~Y' ],
            [ 'f931c2256eca136c97a9a9af4dcae', 
              '.a=]' ]
         ];

data.forEach(function(x){
    var length= x[1].length;
    var str=length.toString();


    var fil=length+".txt";
    var txt=x.join(":");
    fs.exists(fil,function(exist){
        if(exist){
            fs.appendFile(fil,txt,function(err){
                if(err) console.log(err)
            })
        }
        else{
            fs.writeFile(fil,txt,function(err){
                if(err) console.log(err)
            })
        }
    })

});

我的IDE（PHPStorm）通知我有一个重复的JQuery选择器。

怎么写这个呢？

Answer 1

$('.myclass').css('color','#900').html('invalid');

查看jQuery method chaining。

Answer 2

在jQuery中，你可以链接方法，因为它几乎总是返回一个jQuery对象。

所以，对于你当前的一段代码，你可以做类似的事情：

$('.myclass').css('color','#900').html('invalid');

虽然你需要额外的变量，但是有些情况你可以链接方法。在这些情况下，您需要将jQuery对象缓存在变量中。像这样：

var $el = $('.myclass');

$el.css('color','#900');
var t = 'invalid';
$el.html(t);

注意，由于方法返回一个jQuery对象，你可以在缓存var时调用第一个：

var $el = $('.myclass').css('color','#900');
var t = 'invalid';
$el.html(t);

Answer 3

jQuery适用于这样的链接函数。这将改进DOM搜索引擎。

$('.myclass').css('color','#900').html("invalid");

Answer 4

是警告还是错误？这应该没问题，但由于浏览器两次搜索所有这些类元素，因此效率不高。

理想情况下，你会把它写成：

 $('.myclass').css('color', '#900').html('invalid');

这是一篇关于编写更高效选择器的好文章。

http://www.sitepoint.com/efficient-jquery-selectors/

JQuery选择器的多个操作

4 个答案: