jQuery day2 使用

html操作

获取/设置h1元素的文本值

text() 获取所选元素的文本(注意只有文本,如果元素内嵌了其他html标记,无法获取)
html() 获取所选元素的内容(获取所有内容,包括标记等内容,相当于把元素两边的标记去掉,剩下所有内容被拿到)
val() 只获取表单元素的内容,一般元素的值无法获取
以上,在获取后,如果想改表对应元素的对应值,在括号内传值即可。text只传文本,如果写了html标记,不会被解析(相当于标记被/转义了)
js jQuery
innerTEXT text()
innerHTML html()
value val()

html的添加元素

js的添加元素

append() 在元素内添加元素,从上往下依次添加
preend() 由下往上依次田鸡
after() 在之后
before() 在之前

html/jQuery的删除元素

remove() - 删除被选元素(及其子元素)【有过滤功能】
不只是筛选器的移除,而是从页面中删除对应项
empty() - 从被选元素中删除子元素
清空对象内的内容

CSS操作

$(选择器).css(设置样式) 如果元素没有样式,通过此直接设置样式,如果样式已存在,并且没传值,则回传样式
addClass() 给被选元素添加类属性,一般该类属性有CSS样式设置,因此等于设置了样式
removeClass() 从被选元素删除一个或多个类属性
toggleClass() 对被选元素进行添加/删除类属性的切换操作

事件操作

鼠标事件键盘事件表单事件文档/窗口事件
clickkeypresssubmitload
dblclickkeydownchangeresize
mouseenterkeyupfocusscroll
mouseleaveblurunload
hover

JS动画

参见以下说明:
动画
eg:
hide([毫秒数],[success-function]) 隐藏元素,在指定毫秒数内渐变性的隐藏,仅仅隐藏显示,占位不影响
show([毫秒数],[success-function]) 显示元素
stop() 停止动画 $("#panel").stop(); 停止id为panel的元素正在进行的动画

each() 遍历dom元素
each(function()) 让被遍历的每个元素均执行指定的函数function

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值