

首页  思维导图  详情



jQuery_dom和bom操作

2023-06-11 22:27:22   1  举报





AI智能生成

jQuery_dom和bom操作

JQuery

模版推荐

作者其他创作

大纲/内容

标签操作

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';  // 设置标签属性

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.文档处理

分支主题

 Collect

Get Started

Jquery遍历DOM树

 Collect

Get Started

JQuery

 Collect

Get Started

JS操作BOM和DOM

 Collect

Get Started

Cierre tanque de Ar no domésticas





0 条评论

下一页