jquery用法

发布时间:2020-08-18 01:58:36 作者:zenge_blog
来源:网络 阅读:839

 JavaScript 框架库 - jQuery

jQuery是JS的一个框架库,他是把很多JS语法实现的功能进行了封装,开发人员可以直接调用jQuery的方法。


如何使用

要使用jQuery的某个库,必须在<script></script>标签中先引入该库文件(该库文件在jquery官网下载),例如:

<!DOCTYPE html>
<html>
<head><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script></head>
<body>
</body>
</html>


或者:

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
 
    <title></title>
</head>
<body>
    
</body>
<script src="/static/inspinia/js/jquery-2.1.1.js"></script>
<script src="/static/inspinia/js/bootstrap.min.js"></script>
<script src="/static/inspinia/js/plugins/metisMenu/jquery.metisMenu.js"></script>


jQuery能实现什么功能?

我们可以通过使用 jQuery 应用 JavaScript 效果。

jQuery 是一个“写的更少,但做的更多”的轻量级 JavaScript 库。

基本上,你将学习到如何选取 HTML 元素,以及如何对它们执行类似隐藏、移动以及操作其内容等任务

以下是jQuery的所有方法,

http://www.php100.com/manual/jquery/


实例:

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<title></title>
</head>

<body><p>I want to say:</p>
<input type="button" id='addId' value="追加">

</body>
<script src="js/jquery-3.1.1.js"></script>
<script src="js/jquery-3.1.1.min.js"></script>
<script type="text/javascript">
    $(function(){
        $('#addId').click(function(){
        $('p').append('alex');
        });
    })
</script>
</html>
$(function(){
    Foo();
    Bar();
})

表示web页面一加载完后就会执行Foo( )和Bar( )函数。


上面的例子,我们给ID=addId的标签绑定了一个事件(click事件),当点击“追加”按钮时,会在所有<p>标签的文本后面加上“alex”字符串。

测试:

打开页面时

jquery用法

点击追加按钮后:

jquery用法


推荐阅读:
  1. jquery中done的用法
  2. jQuery each()的用法。

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

使用方法 jquery ue

上一篇:Jenkins实现html代码上线与回滚

下一篇:nginx添加访问监控(只是学习和了解)

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》