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库，虽然你可以直接在一个html文件中插入javascript，但它不是最推荐的，因为它已被弃用。最好包含一个外部文件并导入它，如本教程http://www.quirksmode.org/js/placejs.html
中所示
你也应该给div一个你想要效果的标识符，这样就可以更轻松地从Jquery中调用它。在HTML
中
前：

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

OR

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

在Javascript（.js）文件中，您可以完美地调用Jquery（假设您在调用的文件之前已将其包含在内），您还应该已经包含了以前的库jquery.corner.js，并粘贴了实现使用你的css选择器：

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

OR

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

Answer 3

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

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

Answer 4

只需在代码中包含js，然后在脚本中添加以下代码。

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

jquery - 我的html如何调用

4 个答案: