js类库:对原生的js常见的方法和对象进行封装,方便使用,jquery是其中的一种。
1.html和jquery整合:
通过script标签src属性:
2.获取jquery对象:$("选择器") 3.派发事件和js中的事件是一样,$("选择器").xxx(funtion(){})
3.选择器: $("'#id'') $(".class") $("元素") $("[属性=‘’]")
4 a b: 后代 a>b:孩子 a+b:大弟弟 a-b:所有弟弟 :first :last :odd :eq()index :has('选择器')
:hidden :visible :input :checked :selected
5 属性和css操作
attr|prop prop("属性") prop("属性","值")
removeAttr|removeProp();
validate是别人封装好的第三方工具
bootstrap:webcss框架,Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目。
集合HTML /css/jquery一家
创建响应式的页面
响应式:适配不同的上网设备
bootstrap的入门。1下载,2导入Bootstrap.css 3.导入jquery.js,4 导入bootstrap.js 5.添加一个meta标签,支持移动设备 <metaname="viewport"content="width=device-width, initial-scale=1">
6将所有的内容放入到布局容器中
<div class="container">
...
</div>
bootstrap的组成部分:1. 全局的css样式
2. 组件介绍
3. 插件