4.22 jquery

下面当中的jquery对象的创建都可以加入选择器/以及过滤选择器,使目标对象在最开始的时候就定位到一个比较小的对象范围之

想要使用指定的返回的jquery数组中的jquery对象:1.是在包装之前通过选择器筛选出来指定的一个2.是得到包装后的数组之后,遍历,通过下标拿到他的dom对象,在包装成jquery对象.
1.创建jquery对象 KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲id").....用(“内容”)的形式包裹的到一个jquery对象,其中可以是选择器,可以是具体的js语句内容,或者是一个dom对象变量(如果是对象以及指向对象的变量的话,不需要加" ")
2.基础选择器,同js选择器,可以在创建jquery对象时之后包裹选择器.得到一个jquery对象数组
3.层次选择器
后代选择器: “Father Child”;
子代选择器: “Father>Child”;

4.表单选择器:" : input" 注意表单选择器与元素选择器的区别,多加了一个冒号,表示的是所有的表单元素,而"input"的仅表示的是标签为input的元素(没有包含进来select,textarea等表单元素)
5.过滤选择器:(可以结合jquery数组遍历先筛选,再拿到自己需要的dom对象)
:checked 过滤得到所有被选中的元素
:eq(index) 过滤得到指定下标的元素
:gt(index) 过滤得到大于指定下标的元素
:odd 选择每个相隔的(奇数)元素
:even 选择每个相隔的(偶数)元素
可以直接在过滤选择器中加入元素标签,作为筛选的起点,也可以直接:checked从全部的标签中开始筛选
且包含内容过滤器,这里没有提到,了解一下*

6.操作juqery对象的元素属性
获取属性的值:
1.attr(“属性名”);
2.prop(“属性名”); --用于操作的是具有true和false返回值的属性(checked,select,disabled)
设置属性的值:
1.attr(“属性名”,“属性值”)
2.prop(“属性名”,true或false)
移除属性
1.removaAttr(“属性名”)
7.操作jquery对象的元素样式
结合操作对象的元素属性的方式,因为在标签中,class实际也相当于是元素对象的一个属性
1.添加属性:attr(“class”,“选择器”) --若目标对象没有初始属性则为新增
2.修改属性:attr(“class”,“选择器”) --若目标对象有初使属性则为修改
3.新增属性,保留原有的属性: addClass(“选择器”) --若目标对象有初始属性,希望在此基础上再添加一个样式控制
4.同时添加多个具体样式: css({“样式名”:“样式值”,"…":"…",…}),(优先级最高,因为相当于是在行内添加style,就近原则)

8.操作jquery对象的内容(已有的内容或直接能写出来的html内容,和添加jquery有相似功能之处)
设置非表单元素内容:
1.html(“内容”)–可以包含文本内容和html内容
2.text(“内容”)–值可以包含文本内容
设置表单元素内容:
1.val(“值”)
获取元素内容的方式:
html()方法;text()方法;val()方法;分别与设置的规则相对应
9.添加jquery元素
针对jquery父元素的方法:
1.prepend(content)方法,表示在父元素的当前子元素前开始添加元素,content可以是html元素标记,字符等(添加需要转换为jquery对象的形式)
2.append(content)方法,同上,表示在父元素的当前子元素后开始添加元素
针对子元素的方法:
1.prependTo(父元素),效果同上
2.appendTo(父元素),效果同上
3.before(content)子元素同级之间在当前元素之前添加元素
4.after(content)子元素同级之间在当前元素之后添加元素
10.删除jquery元素
1.remove() :删除调用方法的对象的元素,包括整个标签和内容一起删
2.empty(): 清空调用方法的对象的元素中的内容,标签保留
11.包装dom对象得到的jquery对象数组的遍历

index和element是形式参数,可以随便定义,一个代表的是下标,一个代表的是得到的dom对象
遍历得到的都是dom对象,再次调用相应的方法时,需要再包装成jquery对象,$(“dom对象”)
如果没有遍历,直接通过得到的jquery数组来调用方法,默认是第一个对象
12.jquery对象绑定事件方式

还有绑定多个事件的方式.我先不记,后面如果需要了自己去找下老师的例子.
13.使用bootstrap制作美观一些的表格及其功能