学习javaweb第四天

(一）简介

1.jQuery是一个快速简介的框架,宗旨是代码少，作用大
2.jQuery的引入
提前下载好jQuery文件直接导入即可(一般在头部)

 <script src="js/jquery-1.12.4.js"></script>

3.jQuery页面加载（准备函数）
$(document).ready(function(){//页面加载完后写得代码});
$(function());4.DOM=文本对象模型==>节点对象1.DOM是对吧元素还有属性节点封装成了一个对象2.DOM通过其方法与属性来操作节点3.html在浏览器内存里都加载成一个DOM树包含三个重要的节点1.标签节点2.文本节点(空格也是文本)3.属性节点一个html只能存在一个根标签,根标签没有父元素，标签可以存在兄弟元素，以及父元素\ast \ast 5.jQuery获取节点的三种方式:\ast \ast 1.$("#id") == document.getElementById(“tv_input”); id选择器
2.$("input")==document.......;标签选择器3.$(".tv_class")==documentgetElementByClass; 类选择器
6. jQuery 与js 中的属性与方法能不能相互调用 ==> 不能相互调用

1. jQuery 其实就是js 的一个数组 $t{v}_{i}nput[0];jquery转换成js对象2.js=转换成jquery对象vart{v}_{i}nput=document.getElementById("t{v}_{i}nput");==>$(tv_input)
   7.常用的方法
   常用的方法:
   1.val(）获取input 标签的value值
2. .html()获取标签的value 值 这都是方法,不是属性()
3. .text() 获取text文本，会忽略标签
   8.js事件和jq事件的区别
   js有on，jq没有on，对同一个节点，可以连着写多个事件
   9.jquery 提供的常规的方法：
   1.特效：隐藏&显示
   show(speed,fn);hide(speed,fn);Toggle(speed,fn);
   speed是执行的毫秒数，fn是funcution方法，显示成功回调的函数
   2.滑动特效
   slideDown（）显示
   slideUp()隐藏
   slideToggle()切换
   3.淡入淡出
   fadeIn()显示
   fadeOut()隐藏
   fadetoggle()切换
   10.层次选择器(父子或者兄弟关系)
   A B ==>(A B) ==>获取A 标签下所有的元素(包含孙子元素)
   A>B >$(A.B)==>获取A标签所有的元素（不包含孙子元素）A+B==>$(A+B)>获取A标签的兄弟元素(紧挨着的第一个兄弟元素)
   A~B >$(A~B)>获取A标签下所有的兄弟元素
   11.基本的过滤选择器
   $(“div:even”) 表示所有偶数项的div 注意点:索引是从0 开始的
   $(“div:odd”); 表示所有奇数项的div 注意点:索引是从0 开始的
   $(“div:eq(4)”) 获取到索引为4 的div元素
   $(“div:gt(4)”); 获取到索引大于 的div元素
   $(“div:lt(4)”) 获取小于4 的div元素
   $(“div:not(div:odd)”) 表示取相反的结果
   12.属性选择器(input)

1.,$("[type]"); 获取存在属性type所有的节点

, 2,("[type=text]"); 获取所有属性type=text的节点对象
3,.$("[type*=o]") 获取type 的值中包含o的节点对象
4.(“input[type=radio][id=tv_select]”) 同时满足 type=radio id=tv_select 的input标签
5. (“input:disabled”); 获取input 标签禁用的value值
6.(“input:checked”); 获取到单选或者复选框选中的节点
7.("#tv_main>option:selected"); 获取当前select下所选中的值
13.jquery 操作样式
1. $("#").addClass(“getClass”); 追加样式
2. $("#tv_div").removeClass(“getClass”); 删除样式
14.使用jQuery实现全选/全不选
//略…