jQuery 操作标签

直接操作css属性

先找到要修改的标签 .css("color","red")

注意:一个参数为获取值,两个参数为设置值,多个参数的话用字典 

如:

位置

offset 没有参数是获取值 有参数就是设置值

而position无论有没有值 它都只能获取值

scrollTop()和scrollLeft()需要window来调用

括号内添值 可以直接将滚轮移植相应位置

尺寸

height()和width()获取的是内容的长度和宽度

innerHeight()和innerWidth()获取的是内容和内填充一共的长度和宽度

outerHeight()和outWidth()获取的是外边距以内的长度和宽度

()内添值 都可以设置长度和宽度

文本操作

html可以识别html标签 而text却不可以

如:

注意:

属性操作

注意:

找到标签 attr()参数 获取值
两个参数 是增加 设置多个值 用字典

注意:这涉及到版本的问题

文档处理

注意:这两个写法输出的结果是一样的 只不过写法是相反的 一定注意 不要记混了

以下的都是一样的

移除和清空元素

跟上面写法都一样都是前后的值 是互调的

克隆

注意 克隆 必须规定克隆到什么地方

原文地址:https://www.cnblogs.com/yftzw/p/9141417.html

时间: 2024-10-13 21:33:11

jQuery 操作标签的相关文章

JQuery操作标签

JQuery操作标签 一.样式操作 1 添加指定的CSS类名 addClass(); 2 移除指定的CSS类名 removeClass(); // 与addClass一起连用实现开关 3 判断样式存不存在 hasClass(); // true //false 4 切换CSS类名,如果有就移除,如果没有就添加 toggleClass(); // 实现删除和动态添加 5 CSS操作 $("选择器").css(样式) 二.位置操作 1 获取匹配元素在当前窗口的相对偏移或设置元素位置 off

jQuery操作Dom、jQuery事件机制、jQuery补充部分

jQuery操作Dom: 修改属性: //使用attr()方法 //attr(name, value) //name:要修改的属性的属性名 //value:对应的值 //attr方法,如果当前标签有要修改的属性,就会进行修改,如果没有,直接添加 例:$("a").attr("href","http://www.baidu.com"); 修改多个属性值: //attr(obj) $(“img”).attr({ “title”: ”文件名称”, “s

使用jQuery操作元素的属性与样式

本文学习如何使用jQuery获取和操作元素的属性和CSS样式. 元素属性和Dom属性 对于下面这样一个标签元素: <img id='img' src="1.jpg" alt='1' class="imgs"></img>  我们通常将id,src,alt,class称为属性,也即元素属性.但是,当浏览器对标签元素进行解析时,会将元素解析为Dom对象,相应的,元素属性也就解析为Dom属性. 元素属性和Dom属性只是在我们对其进行不同解析时的不同

jQuery操作checkBox(多选框)

问题:工作中要用到jQuery操作多选框(checkbox)的知识,就把以前记录及笔记找了出来直接用,但是问题出现了,取消选择之后,再次选中指定的多选框,用浏览器看(F12)是加上了checked属性,但是页面显示没有选中(没有打勾),这里把解决问题的方法总结一下. 下面给出一种解决方案(使用的jQuery版本2.1.3): 1.静态页面CheckBox.html(注意:必须要在check标签里面加上select属性) <!DOCTYPE html> <html> <head

jQuery入门(2)使用jQuery操作元素的属性与样式

jQuery入门(1)jQuery中万能的选择器 jQuery入门(2)使用jQuery操作元素的属性与样式 一.区分DOM属性和元素属性 对于下面这样一个标签元素: <img id='img' src="images/image.1.jpg" alt='1' class="imgs"></img> 我们通常将id.src.alt.class称为属性,也即元素属性.但是,当浏览器对标签元素进行解析时,会将元素解析为Dom对象,相应的,元素属性

从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式

原文:从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式 本系列文章导航 从零开始学习jQuery (一) 开天辟地入门篇 从零开始学习jQuery (二) 万能的选择器 从零开始学习jQuery (三) 管理jQuery包装集 从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式 从零开始学习jQuery (五) 事件与事件对象 从零开始学习jQuery (六) jQuery中的Ajax 从零开始学习jQuery (七) jQuery动画-让页面动起来!

jQuery操作元素的属性与样式

本文学习如何使用jQuery获取和操作元素的属性和CSS样式. 元素属性和Dom属性 对于下面这样一个标签元素: <img id='img' src="1.jpg" alt='1' class="imgs"></img>  我们通常将id,src,alt,class称为属性,也即元素属性.但是,当浏览器对标签元素进行解析时,会将元素解析为Dom对象,相应的,元素属性也就解析为Dom属性. 元素属性和Dom属性只是在我们对其进行不同解析时的不同

20180503 jq学习记录(jquery操作样式表,时间片,jq对象函数间传递)

 jquery 操作dom对象    1.1  动态添加及删除一个dom对象 添加:  var 新对象=document.createElemente("标签""); $(对象预放位置父对象).append(新对象)  //添加完成// 删除: $(新对象).remove()  //删除完成//    1.2  动态操作对象css 设置css: $(对象).css('css属性','样式值') 附加小知识:   1,关于定时器操作  var obj= setInerval(f

前端基础之操作标签—文档处理

一.操作标签 1.文档处理   <1>添加到指定元素内部的后面 $(A).append(B) // 把B追加到A后面 $(B).appendTo(A) // 把B追加到A后面   <2>添加到指定元素内部的前面 $(A).prepend(B); // 把B添加到A的前面 $(B).prependTo(A); // 把B添加到A的前面   <3>添加到指定元素外部的后面 $(A).after(B) // 把B放到A外部的后面 $(B).insertAfter(A) //