Jquery

开发工具与关键技术: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()方法综合了两个属性的支持,所以可以兼容所有游览器

  • 4
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值