JQery-基本操作

Jqery基本操作:

兼容问题:Jqery中1.xxx的版本只是ie低版本浏览器,jq2.xxx以上的版本,就不再对ie浏览器支持了,所以像兼容ie就必须使用jq1.xxx的版本;


1.设置多个样式:{ }花括号的意思是传入一个对象,必须用驼峰写法;

设置多个样式:{}花括号的意思是传入一个对象,必须用驼峰写法;

2.获取css中的属性值:$("元素").css(”属性”)

获取css中的属性值:

3.给元素添加样式: .addClass("类名")

给元素添加样式: .addClass("类名")

!注意这个addClass的用法:不能用原生写法加入addClass的样式,会直接报错;

原生的写法里没有addClass的方法:

原生的写法里没有addClass的方法:

4.添加多个样式:用空格隔开就好:

添加多个样式:用空格隔开就好:

5.点击移除样式:.removeClass("样式")

点击移除样式:.removeClass("样式")

6.切换样式:toggleClass()

切换样式:toggleClass()

7.判断查找指定样式是否存在:hasClass(”样式“):

查找到了返回True 未找到返回false;

判断查找指定样式是否存在:hasClass(”样式“):

内容操作:

标签内容操作

html():插入一个元素节点

ps:如果有很多个div,都往div里添加h1,那么每个div里面都会有个h1;

html():插入一个元素节点

text()可以获取或设置元素的文本内容:

text()可以获取或设置元素的文本内容

html()和text()的区别:

1.html():虽然添加是给每个符合要求的都添加,但是只会获取第一个匹配元素的内容;

而text():获取所有匹配元素的内容;

2.html()可以设置的文本可以在页面上解析成元素;

而text()设置的内容都只可以以文本的形式存在;


属性值操作:

val()可以获取或设置元素的value属性值:(val主要针对于表单元素或者设置表单元素的value值)

val()可以获取或设置元素的value属性值:(val主要针对于表单元素或者设置表单元素的value值):
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容