jquery基础之事件、和bootstrap的关系等等

本文介绍了jQuery的基础知识,包括如何使用Bootstrap,jQuery与Bootstrap的关系,以及jQuery中的DOM操作、事件处理、选择器、动画效果等内容。特别讨论了jQuery中的事件如keydown、dblclick、focus等,以及fadeIn、fadeOut等动画方法。还提到了队列(Queue)在jQuery动画中的作用,以及如何停止动画。
摘要由CSDN通过智能技术生成

1、bootstrap里面的文件是什么意思:

bootstrap.css
bootstrap.min.css
bootstrap-responsive.css
bootstrap-responsive.min.css
bootstrap.js
bootstrap.min.js

 

2、页面使用的时候先引入bootstrap的css,再引入jquery再引入bootstrap的js,注意顺序。

<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>

<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>

3、jquery与bootstrap关系

4、jquery能做的操作

5、特别是能操作dom和ajax(下面是两者相关概念)

  BOM 浏览器对象模型

提供了独立于内容而与浏览器窗口进行交互的对象。描述了与浏览器进行交互的方法和接口,可以对浏览器窗口进行访问和操作,譬如可以弹出新的窗口,改变状态栏中的文本,对Cookie的支持,IE还扩展了BOM,加入了ActiveXObject类,可以通过js脚本实例化ActiveX对象等等)

  DOM 文档对象模型

DOM是针对XML的基于树的API。描述了处理网页内容的方法和接口,是HTML和XML的API,DOM把整个页面规划成由节点层级构成的文档。DOM本身是与语言无关的API,它并不与Java,JavaScript或其他语言绑定。

  ajax

意思就是用JavaScript执行异步网络请求,具体看我的博客。https://mp.csdn.net/postedit/79653414

7、utilities:工具函数

  (1)$.each(object,function(name,value){}),用于遍历对象和数组。

1

<b>$.each( [0,1,2], function(i, n){

 

2

  alert( "Item #" + i + ": " + n );

 

3

});

 

4

$.each( { name: "John", lang: "JS" }, function(i, n){

 

5

  alert( "Name: " + i + ", Value: " + n );

 

6

});</b>

  (2)$.grep(array, callback, [invert] ),使用过滤函数过滤数组元素。如果 "invert" 为 false 或为设置,则函数返回数组中由过滤函数返回 true 的元素,当"invert" 为 true,则返回过滤函数中返回 false 的元素集。

1

<b>$.grep( [0,1,2], function(n,i){

 

2

  return n > 0;

 

3

});

 

4

//return [1,2]

 

5

$.grep( [0,1,2], function(n,i){

 

6

  return n > 0;

 

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值