jquery中的零碎知识点

css方法

.css()
可以获取和设置样式
设置
如:$("#asd").css("background-color","red")
直接在里面设置样式
获取
。。。。。。。。


设置元素的不可见

display:none;是将元素隐藏起来,会改变页面的布局,可以理解为在页面中把元素删掉。
visibility:hidden;和opcitity:0;只是将元素隐藏起来,并不会改变页面的布局。
visibility:hidden;如果元素上有已经绑定的事件,隐藏后事件不会被触发。
opcity:0;如果该元素上已经绑定一些事件,如click事件,隐藏后,点击该区域,事件也能够被触发

display属性设置为none
或visible设置为hidden
这两个都属于样式可以直接在head中的style标签中直接设置
如下
h1.hidden {visibility:hidden;}
h1.hidden {display:none;}


也可直接在元素里面设置
如下:

display属性设置为none
语法:
style="dispaly:none"
会改变页面的布局
在这里插入图片描述
也可在head中设置,因为这些属性都属于style中的属性
如下:

visibility属性设置为hidden
不会改变页面的布局
语法
style="visibility:hidden"
在这里插入图片描述

opcitity属性设置为0
隐藏后,点击该区域,事件也能够被触发
语法:
style="opcity:0"

在这里插入图片描述

val()函数设置和获取默认值

val()是jQuery对象中的方法,可以获得jQuery()中的value(默认)值或者设置其默认值
语法:
jQuery对象.val()
获取默认值:
在这里插入图片描述
设置value值:
语法:
$("选择器").val("设置的默认值")
在这里插入图片描述

display

语法:
display:值
在这里插入图片描述
在这里插入图片描述

none

用于隐藏文本标签的结束标签和起始标签中的内容
在这里插入图片描述
。。。。。

设置和获取表单项的value属性值的val()方法

jQuery文件的下载

官网链接
然后点击这两个地方中的任意一个,哪个都行
在这里插入图片描述
然后拉至页面底部点击这里
在这里插入图片描述
然后可以选择历史版本
在这里插入图片描述

jQuery中的遍历函数each()

each() 方法规定为每个匹配元素规定运行的函数。
即遍历所有匹配到的元素对象同时对其执行函数。
语法:
$("选择器").each(function(){})
后面function函数中的内容即为对每条匹配到的元素执行的语句
在这里插入图片描述提示:返回 false 可用于及早停止循环。

this

jQuery调用成员函数时,this就是指向dom对象
$(this)指向jQuery对象,但this就是指向dom对象,这个是因为jQuery做了特殊的处理

在 JavaScript 中 this 不是固定不变的,它会随着执行环境的改变而改变。
在方法中,this 表示该方法所属的对象。
如果单独使用,this 表示全局对象。
在函数中,this 表示全局对象。
在函数中,在严格模式下,this 是未定义的(undefined)。
在事件中,this 表示接收事件的元素。
类似 call() 和 apply() 方法可以将 this 引用到任何对象。

上文的this就代表当时正在遍历到的dom对象

jquery对象的获取和设置文本的.text()方法

获取文本:
语法
对象.text()
这里的对象可以是jquery对象也可以是dom对象,因为jquery对象是数组,所以jquery对象用这个方法会把匹配到所有元素中的文本都合并到一起获取到

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值