我有一个提供圆角的 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?
我有一个提供圆角的 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?
最初,您应该使用<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>
不可能从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();
}
只需在代码中包含该 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
jQuery 它是一个 javascript 库,因此它在 javascript 中被调用。要在 HTML 代码中使用 javascript,您需要添加<script>
元素标记。在你可以使用你的 jquery 插件之前,你需要加载 jquery 和 jquery 插件。
在jquery Tutorials中有很多关于如何使用 jquery 的示例。