jquery - jquery - 我的html如何调用

Question

我有一个提供圆角的 jQuery 插件。我从这里得到了图书馆：（jquery.corner.js）

http://jquery.malsup.com/corner/

这是我的 HTML 标记：

<div>
    <div>
      <strong >tab 1</strong> <a href="#">tab 2</a> <a href="#">tab 3</a>
    </div>
</div>

如何从 html 调用我的 jQuery？

Answer 1

最初，您应该使用<div>标签上使用的 id 或类，然后在 jQuery 调用中识别它：

<style>
.box{
background-color: blue;
}
</style>
<script>
$(function(){
$('.box').corner();
});
</script>
<div>
<div class="box">
      <strong >tab 1</strong> <a href="#">tab 2</a> <a href="#">tab 3</a>
    </div>
</div>

Answer 2

不可能从HTML 调用 JQuery，因为它们是不同的语言。

JQuery 是一个 Javascript 库，尽管您可以将 javascript 直接插入到 html 文件中，但不推荐使用它，因为它已被弃用。最好包含一个外部文件并导入它，如本教程http://www.quirksmode.org/js/placejs.html所示

您还应该为您想要效果的 div 提供一个标识符，以便可以更轻松地从 Jquery 调用它。在 HTML 中

前任：

<div class="stylebox"> content here  </div>

或者

<div id="box1style"> content here  </div>

在 Javascript (.js) 文件中，您可以完美地调用 Jquery（前提是您在调用的文件之前已包含它），您还应该先前包含库 jquery.corner.js，并使用您的 css 粘贴实现像这样的选择器：

$(document).ready(function(){
$('.stylebox').corner();
}

或者

$(document).ready(function(){
$('#box1style').corner();
}

Answer 3

只需在代码中包含该 js 并在 script 中添加以下代码。

jQuery(document).ready(function(){
    ​jQuery(​"#id1").corner();​​​
 });
​

为您想要圆角的 div 分配一个 ID。

<div id = "id1">
<div>
      <strong >tab 1</strong> <a href="#">tab 2</a> <a href="#">tab 3</a>
    </div>
</div>​​​

更多示例，请参考：https ://github.com/malsup/corner

Answer 4

jQuery 它是一个 javascript 库，因此它在 javascript 中被调用。要在 HTML 代码中使用 javascript，您需要添加<script>元素标记。在你可以使用你的 jquery 插件之前，你需要加载 jquery 和 jquery 插件。

在jquery Tutorials中有很多关于如何使用 jquery 的示例。