小编Bar*_*din的帖子

如何使用jQuery向第一个孩子添加课程?

如何在具有特定索引的容器上添加类元素?

我正在尝试这个应该影响第一个元素(无论如何都不起作用)

$('#resultsBox li:first-child').addClass('aaaa');
Run Code Online (Sandbox Code Playgroud)

但我希望能够更改其索引容器中的任何元素的类.

EG如果我想修改index = 2的元素.

<div id="resultsBox">
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</div>
Run Code Online (Sandbox Code Playgroud)

应该成为:

<div id="resultsBox">
<ul>
<li></li> // Index 0
<li></li> // Index 1
<li class="selected"></li> // Index 2
</ul>
</div>
Run Code Online (Sandbox Code Playgroud)

javascript jquery

13
推荐指数
2
解决办法
6万
查看次数

在Jquery中创建元素

我想通过像这样使用"div.someelement"在Jquery/Javascript中创建元素

var SomeElement = $("div.someelement");
$( "#container" ).append( SomeElement );
Run Code Online (Sandbox Code Playgroud)

但是我不想复制同一个类的元素,我想创建一个新的元素.

document.createElement是创造"<div.somelement>"而不是<div class="someelement">

javascript jquery createelement

13
推荐指数
2
解决办法
3万
查看次数

如何用每个替换元素的attr href?// strip url

我试图用每种方法改变href,

这是演示,检查一下,你会看到没有变化

HTML:

<a href="#/news">News</a>
<a href="#/news/detail">Detail</a>
<a href="#/sport">Sport</a>
<a href="#/sport/football">Football</a>????????????
Run Code Online (Sandbox Code Playgroud)

jQuery的:

$('a').each(function() {
  $(this).attr('href').replace('#/',''); //tried to erase #/ from all hrefs
});?
Run Code Online (Sandbox Code Playgroud)

each jquery href attr

8
推荐指数
2
解决办法
3万
查看次数

Backbone:等待多次获取继续

我获取了多个页面的集合,我正在寻找一种方法来了解何时完成所有提取.这是我的收藏品的样子:

app.collections.Repos = Backbone.Collection.extend({
  model: app.models.Repo,
  initialize: function(last_page){
    this.url = ('https://api.github.com/users/' + app.current_user + '/watched');

    for (var i = 1; i <= last_page; i++) {
      this.fetch({add: true, data: {page: i}});  
    };
  }, ...
Run Code Online (Sandbox Code Playgroud)

知道如何用干净的代码实现这一目标吗?

javascript jquery backbone.js

8
推荐指数
1
解决办法
2840
查看次数

使用jQuery删除类

早上,

是否有一个我可以在jQuery中使用的通配符,它​​会从元素中删除一个类?

我正在将新类应用到我的信息消息框中,如果用户单击它一次,然后再次单击它就会添加新类,但保留现有类.

我需要删除上一个类,然后添加新类的样式.有任何想法吗?

 <div id="infoMsg" style="display: block; " class="er-green er-red">All submitted feeds are complete.</div>
Run Code Online (Sandbox Code Playgroud)

正如你可以看到原来的课程是绿色的,它已经添加了红色.

javascript css jquery

7
推荐指数
3
解决办法
7261
查看次数

如何使用jQuery中的css font-weight属性为文本制作动画?正常到粗体

我正在尝试像不透明效果一样的动画,这会使文字变得更大胆.试过通常的animate()方法,但没有奏效.搜索它但没有找到任何例子.是否有可能做到这一点?

的jsfiddle.

jQuery的:

var Text = $('h1');
Text.click(function() {
    Text.animate({'font-weight':'bold'},600)
        .delay(200).animate({'font-weight':'normal'},600);
});
Run Code Online (Sandbox Code Playgroud)

css jquery fonts animation jquery-animate

7
推荐指数
1
解决办法
2万
查看次数

如何防止ng-click在标签标签上触发两次?

当我单击其中包含输入的标签时,Agnular的ng-click会触发两次.我试过$event.stopPropagation();但没有用,怎么解决这个问题?

我也检查了这个问题: 标签上的Angular.js ng-click事件被触发两次

<div class="list-group-item" ng-repeat="item in model.data">
  <form role="form" name="selectForm" novalidate>
    <label ng-click="$event.stopPropagation(); updateSelected();">
      <input type="checkbox" ng-model="chechkedSkins[item.id]" />
      <span>{{item.name}}</span>
    </label>
  </form>
</div>
Run Code Online (Sandbox Code Playgroud)

html javascript jquery angularjs angularjs-ng-click

7
推荐指数
2
解决办法
6195
查看次数

Assignment involving generic property of generic object fails to typecheck correctly within generic function

I have a generic function that reads or writes the caller-chosen property of a given object. I'm using type constraints to ensure that the key passed is for a property that is assignable to or from the relevant type. Calling code appears to typecheck correctly. The usage of the object's property within the implementation does not typecheck as expected.

In this example I use boolean as the expected type. I've commented the lines that are not typechecking as expected. You …

javascript typescript typescript-generics

7
推荐指数
1
解决办法
164
查看次数

如何使用更少的代码计算元素的宽度和高度及其填充/边距值?

我正在使用height()/width()方法,但它的返回值没有它的填充和边距值.我没有问题用/高度值计算总数.

这种方式有效,但我的问题是; 它太长了,无法计算所有这些.有没有办法用更少的代码计算这些没有错误?

这是jsFiddle的例子.

jQuery的:

var ele = $('div');

var eleW = ele.width();
var eleH = ele.height();

alert(eleW);//returning 200
alert(eleH);//returning 100

var eleMR = parseInt(ele.css('margin-right'));
var eleML = parseInt(ele.css('margin-left'));
var eleMT = parseInt(ele.css('margin-top'));
var eleMB = parseInt(ele.css('margin-bottom'));

var elePR = parseInt(ele.css('padding-right'));
var elePL = parseInt(ele.css('padding-left'));
var elePT = parseInt(ele.css('padding-top'));
var elePB = parseInt(ele.css('padding-bottom'));

var eleTotalWidth = eleMR + eleML + elePR + elePL + eleW;
var eleTotalHeight = eleMT + eleMB + elePT + elePB + …
Run Code Online (Sandbox Code Playgroud)

css jquery height width

5
推荐指数
1
解决办法
2546
查看次数

如何在不使用css转换的情况下将jQuery动画与css3属性结合起来?

在这个例子中; 我正在尝试使用css3 rotate属性创建一个jQuery动画.我可以使用css3 transition和jQuery 来管理这个动画css()但是我想用jQuery animate()根据我的jQuery variatons来旋转deg值.

是否可以使用jQuery 1.8.0的css3属性值进行动画处理?

这是jsFiddle检查.

jQuery的:

var rotateVal = 90;

//this method isn't working
$('.red').animate({
    'transform':'rotate('+rotateVal+'deg)'
},500);


//this way works but i don't want to do this with transitions
$('.black').css({
    'transform':'rotate('+rotateVal+'deg)',
    'transition':'1s'
});?
Run Code Online (Sandbox Code Playgroud)

HTML:

<span class="black"></span>
<span class="red"></span>
Run Code Online (Sandbox Code Playgroud)

编辑:已删除供应商前缀,例如-webkit-.感谢Kevin B.

javascript jquery animation rotatetransform css3

5
推荐指数
1
解决办法
5880
查看次数