jQuery_dom和bom操作
2023-06-11 22:27:22 1 举报AI智能生成
jQuery_dom和bom操作
作者其他创作
大纲/内容
标签操作
1.样式操作
样式类操作
.addClass(类属性值);
添加指定的CSS类名
$('.c1').addClass('c2');
.removeClass(类属性值);
移除指定的css类名
$('.c1').removeClass('c2');
.hanClass(类属性值);
判断标签中是否存在指定样式,返回值true/false
$('.c1').hasClass('c2');
.toggleClass(类属性值);
切换CSS样式，如果有就移除，没有就添加上
$('.c1').toggleClass('c2');
css样式
1.原生js设置样式
标签.style.css属性 = '属性值';
var a = document.getElementsByClassName('c1')[0]; //找到标签
a.style.backgroundColor = 'blue'; // 设置标签属性
a.style.backgroundColor = 'blue'; // 设置标签属性
2.jquery设置样式
设置单个属性
jquery选择器.css(css属性, css属性值);
设置多个属性
jquery选择器.css({css属性: css属性值, css属性: css属性值...})
$('.c1').css('background-color', 'blue');
$('.c1').css({'background-color': 'red', 'width': '100px'});
位置操作
1.查看位置
position()
查看相对位置
offset()
查看距离窗口左上角的绝对位置
2.设置位置
jquery选择器.offset({'top': '20', 'left': '40'})
尺寸
练习:
jquery绑定点击事件写法
回到顶部练习
scroll事件
2.文本操作
3.值操作
4.属性操作
5.文档处理
分支主题
0 条评论
下一页
