jQuery(3-10)css-DOM操作

最新推荐文章于 2022-05-04 09:51:31 发布
置顶 最新推荐文章于 2022-05-04 09:51:31 发布
阅读量488 收藏
点赞数 1
分类专栏： jQuery 文章标签： jquery stylesheet html function class
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a6613459/article/details/7108810
版权
 

 

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>css-DOM操作.html</title>
 
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
   
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

  <script type="text/javascript" src="../jquery-1.7.1.js"></script>
 
</head>
  <body><img src="../008.jpg" width="300" height="300" id="photo" class="photo"></img>
 
  </body>
  <script type="text/javascript">
  //opacity 透明效果
  $(function(){
  $('#photo').css('opacity','0.5');
  var $aa =   $('#photo').css('height');  //得到p元素的高度
  alert($aa);
  $('#photo').css('height' , '400'); //设置 p元素的高度
  })

//透明效果记一下
  </script>
  
</html>

星蓝之夜
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery-CSS和事件处理
ImmortalSYM的博客
11-14 1326
jQuery-CSS和事件处理 CSS样式操作 —读取CSS样式语法：css('样式名字符串') —设置CSS样式语法：css('样式名字符串','设置的样式字符串') —另外css()里面传递的参数可以为一个封装所有设置样式的对象；例如： <script> $('p:eq(1)').css({ color:'red', background:'blue', width:300, height:100 }) </script>
jQuery整理笔记四----jQuery操作DOM
曹海成的专栏
04-19 3138
一、使用jQuery创建节点
jQuery---获取dom元素
赵佳敏的博客
03-05 5652
一、基本选择器 选择器 概述 #id 根据给定的ID匹配一个元素。 element 根据给定的元素标签名匹配所有元素。 .class 根据给定的css类名匹配元素。 prev ~ siblings 匹配所有元素 selector1,selector2,selectorN 将每一个选择器匹配到的元素合并后一起返回。 二、层级选择器 选择器 概述 ancestor descendant 在给定的祖先元素下匹配所有的后代元素 parent > .
jquery对dom的操作常用方法整理
qq_33043025的博客
05-04 2291
参考：https://www.jb51.net/article/39099.htm jquery对dom的操作包括了对html内容的添加、删除元素/内容、操作CSS等等，本文整理了一些dom操作的常用方法，感兴趣的朋友可以参考下哈 Jquery对dom的操作也是很总要的。1.三个简单实用的用于 DOM 操作的 jQuery 方法： · text() - 设置或返回所选元素的文本内容 · html() - 设置或返回所选元素的内容（包括 HTML 标记） · val() - 设置或返回表单字段的值2.at
03-jQuery操作DOM
JayYuen的博客
12-07 3752
文本主要内容 样式和类操作 节点操作 样式操作和类操作 作用：设置或获取元素的样式属性值。 样式操作 1、设置样式： //设置单个样式： css(属性，值); $("div").css("background-color","red"); //设置多个样式： css(json); $("div").css({"width":100,"height":...
JQuery笔记总结【四】-Dom增删改、css样式操作、动画
weixin_42190209的博客
03-09 447
文章目录Dom的增删改CSS样式操作jQuery动画 Dom的增删改 1. 内部插入 2. 外部插入【平级】 3. 替换 4. 删除 CSS样式操作 语法 jQuery动画 用法
jquery的dom-操作函数
水巷石子的博客
09-18 2827
jquery的dom-属性和文本 jquery对象可以调用多种函数，操作选择器返回的jquery对象 （1）text属性-text() （2）html属性-html() （3）value属性-val() **** <input id="myinput" type="text" name="username" value="张三" /><br /> <div id="mydiv">标题标签</div> <div id="mydiv"><p&
jquery之DOM操作（一）
The_upside_of_down的博客
10-11 1706
一般来说，DOM操作分为：DOM core（核心）、HTML-DOM和CSS-DOM。 1、DOM Core DOM Core并不专属于javascript，任何一种支持dom操作的程序都可以使用它。 利用DOM Core来获取表单对象的方法： document.getElementsByTagName("form"); 2、HTML-DOM 它主要是提供一些更简明的符号来描述各种ht...
[jQuery知识]jQuery之知识四-DOM和CSS操作
图解AI
12-06 5003
前言 1.DOM 简介 2.设置元素及内容 3.元素属性操作 4.元素样式操作 5.CSS 方法 一.DOM 简介由于课程是基于 JavaScript 基础上完成的，这里我们不去详细的了解 DOM 到底是什么。只需要知道几个基本概念:1.D 表示的是页面文档 Document、O 表示对象，即一组含有独立特性的数据集合、M表示模型，即页面上的元素节点和文本节点。2.
jQuery原理系列-常用Dom操作详解
11-25
在JavaScript的世界里，jQuery是一个广泛使用的库，它简化了DOM操作和事件处理。在这个"jQuery原理系列-常用Dom操作详解"中，我们将深入探讨几个关键的jQuery功能。 首先，我们来看事件绑定。jQuery的`$(el).bind()...
jQuery常见面试题之DOM操作详析
12-10
DOM操作有三类：DOM-core、HTML-DOM 、CSS-DOM 一、插入节点 我们用的最多的就是append和apendTo，其实共有8种方法。 插入节点 二、删除节点 remove() ：删除节点，并删除元素节点绑定的事件。 empty() ：清空节点...
jQuery-Interacting-with-DOM
06-08
**jQuery 与 DOM 交互详解** 在Web开发中，JavaScript是一种不可或缺的语言，它负责与用户进行交互并...在探索`jQuery-Interacting-with-DOM-master`这个压缩包中的文件时，你将有机会亲身体验到jQuery的强大之处。
02-jquery-and-the-dom
05-15
实验02：jQuery和DOM代码大战挑战完成并按照实验01的提交说明进行操作。实验02提交说明请遵循实验01的提交说明。资源配置您的存储库必须包括： 02-jquery-and-the-dom├── .eslintrc.json├── .gitignore├── ...
jdk-html-css-jquery操作手册
06-01
jQuery是一个强大的JavaScript库，极大地简化了JavaScript的DOM操作、事件处理、动画制作和Ajax交互。使用jQuery，开发者可以轻松地实现页面元素的选择、操作和效果，如`$(selector).click()`用于绑定点击事件，`$...
JavaScript之jQuery操作DOM详解
qq_47897078的博客
01-19 898
JavaScript之jQuery操作DOM jQuery的选择器很强大，用起来又简单又灵活，但是搞了这么久，我拿到了jQuery对象，到底要干什么？ 答案当然是操作对应的DOM节点啦！ 回顾一下修改DOM的CSS、文本、设置HTML有多么麻烦，而且有的浏览器只有innerHTML，有的浏览器支持innerText，有了jQuery对象，不需要考虑浏览器差异了，全部统一操作！ 修改Text和HTML jQuery对象的text()和html()方法分别获取节点的文本和原始HTML文本，例如，如下的HTML结
jQuery(3-10)遍历,兄弟,子,closest(),节点
蓝╭☆叶的专栏
12-28 1415
遍历节点.html                       -->            .wid{   width: 150px ;   color: purple ;  font-weight: bold;;    }   .hei{   height: 150px;   }   .another{   font-style: i
jQuery(3-9)设置或获取HTML、文本和值
蓝╭☆叶的专栏
12-24 1301
设置取值.html                       -->             .wid{   width: 150px ;   color: purple ;  font-weight: bold;;    }   .hei{   height: 150px;   }   .another{   font-style:
jQuery(3-6)复制节点替换节点包裹节点
蓝╭☆叶的专栏
12-20 977
复制节点替换节点包裹节点.html                       -->                水果      老鼠掉进大米缸      正好大米缸里面有只猫··哎····   你喜欢的水果是？     苹果   橘子   菠萝   香蕉   梨子               /*$(fu
jquery 操作dom改变css
最新发布
05-25
使用 jQuery 操作 DOM 改变 CSS 的方法如下： 1. 选取需要改变 CSS 样式的元素，可以使用 jQuery 的选择器来选取元素。 2. 使用 `.css()` 方法来改变 CSS 样式，该方法接受两个参数，第一个参数是 CSS 属性名称，第...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值