开发工具与关键技术:JS
作者:赵纯雨
班级:1803
撰写时间:2019.6.15
Jquery是JavaScript的函数库,Jquery的ID选择器:
类选择器:
(
“
.
b
l
u
e
c
o
l
o
r
”
)
.
c
s
s
(
‘
c
o
l
o
r
’
,
’
b
l
u
e
’
)
;
元
素
选
择
器
:
(“.blue color”).css(‘color’,’blue’); 元素选择器:
(“.bluecolor”).css(‘color’,’blue’);元素选择器:(“Li”).css(‘font-size’,23);
全选择器:$(“”).css(“border”,”2px solid #00ff21”);打上号的时间表示选择的是全部元素
层级选择器:前面的是父级,后面的是子级:
Jquery的属性与样式,attr设置removeattr移除,getattrbute方法、setattribute方法设置和获取都用attr来代替的,对于attr它是有四种写法的:
1、attr(传入属性值):获取的是属性的值,只写一个参数的时候就表示的是获取值;
2、Attr(属性名,属性值):设置的是属性它的值,等同于js的setattribute,前面是id,具体的值就把它放在后面;
3、attr(属性名,函数值):设置的是属性它的函数值,就在上面窝已经说过了,说你给当前的标签可以是具体的属性值,是字符,如果是某一段代码,是一个函数值的话,那就取决于后面给的是属性还是函数了。
4、Attr((attributes):给指定元素设置多个属性值,即:
(属性名一:“属性值一”,属性名二:“属性值二”……等等,还可以写很多很多,就不一一例举了),设置多个属性值就用花括号,一次性设置多个属性,id值,name值,value值,removeattr()删除方法==js removeattribute都是等同于去除属性的作用,.removeattr(attributename):为匹配的元素集合中的每个元素中移除一个属性(attribute),给定你要移除的特定的那个属性,比如ID
操作特性的DOM方法主要有三个,getattribute方法、getattribute方法、setattribute方法和removeattribute方法,在Jquery中用一个attr()与removeattr()就可以全部搞定了,包括兼容问题,Jquery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写,在Jquery DOM操作会经常用到attr()。Jquery的属性即样式中的HTML()及text(),HTML是获取整个HTML内容,而text是获取标签里面的内容,获取集合中第一个匹配元素的HTML内容或设置每一个匹配的元素的HTML内容,具体它有三种写法:
1、HTML()部传入值,就是设置获取集合中第一个匹配元素的HTML内容
2、HTML(htmlstring)设置每一个匹配的HTML内容
3、HTML(function(index,oldhtml))用来返回设置HTML内容的一个函数,注意事项:HTML方法内部使用的是DOM的innerhtml属性来处理的,所以再设置与获取上需要注意一个重要的问题,这个操作是针对整个HTML内容(部仅仅是文本内容。)
Text方法:得到匹配元素集合中每个元素的文本内容为指定的文本内容结合,包括它们的后代,或设置匹配元素集合中每个元素的文本内容为指定的文本内容,具体有三种用法:
1、text()得到匹配元素集合中每个元素的合并文本,包括它们的后代
2、Text(textstring)用于设置匹配元素内容的文本
3、Text(function(index,text))用来返回设置文本内容的一个函数,
4、注意事项:text结果返回一个字符串,包含所有匹配元素的合并文本。
HTML与text的异同:
1、HTML与text的方法操作是一样,只是再具体针对处理对象不同
2、HTML处理的是元素内容,text处理的是文本内容
3、HTML只能使用再HTML文档中,text再XML和HTML文档中都能使用,如果处理的对象只有一个文本节点,那么HTML处理的结果与text是一样的,火狐不支持innertext 属性,用了类似的textcontent属性,text()方法综合了两个属性的支持,所以可以兼容所有游览器