小编j08*_*691的帖子

我注意到在监控/尝试回答常见的jQuery问题时,有一些使用javascript而不是jQuery的实践,实际上可以让你写得更少,并做 ...相同的数量.并且还可以产生性能优势.

一个具体的例子

$(this) VS this

在单击事件中引用单击的对象id

jQuery的

$(this).attr("id");

使用Javascript

this.id;

还有其他类似的常见做法吗？可以更轻松地完成某些Javascript操作,而无需将jQuery添加到组合中.或者这是一个罕见的情况？(jQuery"快捷方式"实际上需要更多代码)

编辑:虽然我很欣赏有关jQuery与普通javascript性能的答案,但实际上我正在寻找更多的定量答案. 在使用jQuery时,实际上可以更好地使用普通javascript代替使用的实例(可读性/紧凑性)$().除了我在原始问题中给出的例子.

在Firefox 28上,我使用的<input type="number">作品非常棒,因为它会在输入字段上显示数字键盘,这些键盘应该只包含数字.

在Firefox 29中,使用数字输入在字段的右侧显示旋转按钮,在我的设计中看起来像垃圾.我真的不需要按钮,因为当你需要写一些类似6~10位数字的东西时它们是无用的.

是否可以使用CSS或jQuery禁用它？

我正在使用Bootstrap 3作为我正在设计的网站.

我想要一个像这个样本的页脚. 样品

请注意,我不希望它固定,所以bootstrap navbar-fixed-bottom不能解决我的问题.我只是希望它始终位于内容的底部并且也是响应式的.

任何指南将非常感谢.

编辑:

对不起,如果我不清楚.现在发生的是当内容正文没有足够的内容时.我的页脚向上移动然后在底部留下一个空的空间.

这就是我现在用于导航栏的内容

<nav class="navbar navbar-inverse navbar-bottom" style="padding:0 0 120px 0">
        <div class="container">
            <div class="row">
                <div class="col-sm-4">
                    <h5 id='footer-header'> SITEMAP </h3>
                    <div class="col-sm-4" style="padding: 0 0 0 0px">
                        <p>News</p>
                        <p>contact</p>
                    </div>
                    <div class="col-sm-4" style="padding: 0 0 0 0px">
                        <p>FAQ</p>
                        <p>Privacy Policy</p>
                    </div>
                </div>
                <div class="col-sm-4">
                    <h5 id='footer-header'> xxxx </h3>
                    <p>yyyyyyyyyyyyy</p>
                </div>
                <div class="col-sm-4">
                    <h5 id='footer-header'> xxxxx </h3>
                    <p>uuuuuuuuuuuuuuu</p>
                </div>
            </div>
        </div>
    </nav>

CSS

.navbar-bottom {
min-height: 300px;
margin-top: 100px;
background-color: #28364f;
padding-top: 35px; …

我偶然发现了一个（对我而言）令人惊讶的事实。

console.log("asdf".replace(/.*/g, "x"));

为什么要换两个？似乎任何没有换行符的非空字符串都会为这个模式产生两个替换。使用替换函数，我可以看到第一个替换是整个字符串，第二个替换是一个空字符串。

我想在当前页面的URL中获取哈希后的值,然后能够在新函数中应用它...例如.

URL可以是

www.example.com/index.html#foo

我想结合下面的代码使用它

$('ul#foo:first').show();

我有点假设/希望有一些方法可以抓住这个,并把它变成一个变量,然后我可以在第二段代码中使用它.

我有一个按钮(<input type="submit">).单击它时页面将重新加载.由于我有一些hide()在页面加载时调用的jQuery 函数,这会导致这些元素再次被隐藏.如何使按钮不执行任何操作,因此我仍然可以添加在单击按钮但不重新加载页面时发生的某些操作.

我有这个jQuery代码:

$( "#editDialog" ).dialog({
  autoOpen: false,
  show: {
    effect: "blind",
    duration: 1000
  },
  hide: {
    effect: "explode",
    duration: 1000
  }
});

但我有几个像id这样的div:editDialog-0,editDialog-1,....,editDialog-n.

如何为所有这些div创建一个jQuery代码,如上所述？

我有一个由无序列表组成的水平导航栏,每个列表项都有很多填充,使它看起来不错,但作为链接的唯一区域是文本本身.如何让用户单击列表项中的任意位置以激活链接？

#nav {
  background-color: #181818;
  margin: 0px;
  overflow: hidden;
}

#nav img {
  float: left;
  padding: 5px 10px;
  margin-top: auto;
  margin-bottom: auto;
  vertical-align: bottom;
}

#nav ul {
  list-style-type: none;
  margin: 0px;
  background-color: #181818;
  float: left;
}

#nav li {
  display: block;
  float: left;
  padding: 25px 10px;
}

#nav li:hover {
  background-color: #785442;
}

#nav a {
  color: white;
  font-family: Helvetica, Arial, sans-serif;
  text-decoration: none;
}

<div id="nav">
  <img src="/images/renderedicon.png" alt="Icon" height="57" width="57" />
  <ul>
    <li><a href="#">One1</a></li>
    <li><a href="#">Two</a></li>
    <li><a …

我正在使用bootstrap,我想在下拉菜单中添加动画.我想为它添加动画,向下滑动并在离开时备份.我怎么能这样做？

我试过的事情:

像这样更改Js下拉文件:

如何使Bootstrap的导航下拉滑动顺畅上下？

我在Windows 7上安装了新安装的Visual Studio代码时出现问题.在Mac上,编辑器会自动关闭html标签但不在我的Win7上.我认为必须有一些选项来打开它,但我找不到任何.

我在说什么,比如说.编写<html智能手表弹出,然后单击输入,通常它会自动放入</html>矿井不工作.(智能感知弹出但是当你选择其中的一个选项不会自动关闭标签:<h1> -> </h1>)