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> 

我怎么叫我的jQuery从HTML？

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

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

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

Answer 3

只需在代码中包含该js并在脚本中添加以下代码即可。

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

将ID分配给您想要圆角的div。

<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

这是不可能从 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(); 
}