小编Bho*_*yar的帖子

我听说Jsx不支持class属性。但是现在它运行良好。React什么时候开始在jsx中支持class属性

在这里使用以下jQuery(在文档的头部):

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
function ExpCol(obj)
{
    var nextDiv = obj.next("div");
    nextDiv.animate({height: 'toggle'}, 800, function(){
        var vClass = nextDiv.is(':visible') ? 'collapse' : 'expand';
        obj.children(":first").removeClass().addClass(vClass);
    });     
}
</script>

HTML标记就像这样(在正文中):

<div id="reqMat" onclick="ExpCol(this);">
    <span class="expand"></span><h4 class="inlineblock">Header Text Here</h4>
</div>
<div style="display: none;">
    <p class="desc">Text in here...</p>
    <p class="desc">Text in here...</p>
</div>

单独样式表中的CSS如下所示:

.inlineblock
{
    display: inline-block;
}
.expand, .collapse
{
    cursor: pointer;
    display: inline-block;
    font-size: 1.5em;
    padding-right: .1em;
    color: #605953;
}

.expand {
    content: "+";
}
.collapse
{
    content: "-";
} …

HTML

<div>
<img src="http://www.hdwallpapersplus.com/wp-content/uploads/2013/06/abstract_color_background_picture_8016-wide.jpg" />
</div>

CSS

div{
    width: 200px;
    height: 100px;
    background-color: red;
}
img{
    position: relative;
    width: 100%;
    height: 100%;
    background-size: cover;

}

为什么背景大小:封面在这里不起作用.这也应该在css3中添加,但不添加.无论如何不要拉伸图像？

我们可以做到 background: url("http://www.hdwallpapersplus.com/wp-content/uploads/2013/06/abstract_color_background_picture_8016-wide.jpg") no-repeat; background-size: cover;

我有以下的HTML ...

<div id="banner">
    <ul>
        <li>one</li>
        <li>two</li>
        <li>three</li>
    </ul> 
</div>

并应用以下jquery:

$('#banner li:nth-child(1)').addClass('li1');
$('#banner li:nth-child(2)').addClass('li2');
$('#banner li:nth-child(3)').addClass('li3');

但是我认为这可以像使用for循环一样轻松完成,但无法对此有所了解.有人可以帮我这个吗？

我有以下的HTML ...

<div id="one"></div>
<div id="two"></div>

我想<div id="test"></div>通过选择$('#two')选择器来插入这样的

结果:

<div id="one"></div>
<div id="test"></div>
<div id="two"></div>

以下代码中哪种方法最好:

$('#navs li').find('.activenav').removeClass('activenav');
$('#navs li').filter('.activenav').removeClass('activenav');

或者我可以像这样使用

$('#navs li').find('.activenav').filter('.activenav').removeClass('activenav');

or 

$('#navs li').filter('.activenav').find('.activenav').removeClass('activenav');

如果我这样做会怎么样？

更新

我可以绑定到find和filter,因为我的代码有时需要查找,有时需要进行过滤

jQuery让我的生活更轻松,但我仍然是JavaScript的初学者.所以,可能是,我在这里问一个非常愚蠢的问题:

var t = {
    rows: 3,
    columns: 5,
    getCellCount: function () {
        return this.rows * this.columns;
    }
};
var tn = t;
tn.rows = 6;
document.write(tn.rows + " , " + t.rows);   // returns 6 , 6

我也试过了 var tn = new t(); // but seems wrong

那么,如何从对象中检索旧的内在值,使其产生6,3

如果孩子有特定的文字,我想删除父div:

<div>
  <span>test</span>
</div>
<div>
  <span>text</span>
</div>

在上面的代码中,我想删除包含测试的div .我尝试了很多带过滤功能的东西,但是想到了完全错误的概念.那么删除它的最佳方法是什么？

那么,如何检测文本是否经过测试？

我试图将字节转换为整数值,其工作为非负值,但不是负值.这是我的代码: -

var byteArrayToLong = function (byteArray) {
var value = 0;    
for (var i = byteArray.length - 1; i >= 0; i--) {
    value = (value * 256) + byteArray[i];
}
console.log(value);
return value;
};


  byteArrayToLong([158,175,59,0]);  //3911582 correct 
  byteArrayToLong([229,93,138,255])//4287258085 incorrect the correct value is (i.e from c# BitConverter.ToInt32() method)  -7709211

JSFiddle演示

我将vue-select用于多个值。这是一个示例：https : //codepen.io/sagalbot/pen/opMGro

我有以下代码：

<v-select multiple v-model="selected" :options="options"></v-select>

和JS：

Vue.component('v-select', VueSelect.VueSelect)

new Vue({
  el: '#app',
  data: {
    selected: ['foo','bar'],
    options: ['foo','bar','baz']
  }

谢谢！