前不久做项目，要用到大量的页面圆角的框块，以前实现的时候都是用图片做背景之类的方法，那种方法对于少数的还是比较可行的，但是当涉及到整个项目都要用 到这样的效果时就显得不够优化和简练了，所以我就想用一个既方便调用又方便更新的方法来实现，结果如愿以偿。先将此技术点总结如下：
在此之前我也寻找过目前网络上最流行的做法的实现方案，大体共总结出
# jQuery `width()` 方法与 Margin 的关系
在前端开发中，控制元素的尺寸往往是重中之重。jQuery 提供了 `width()` 方法，可以帮助开发者轻松获取或设置元素的宽度。然而，很多人可能会发现，`width()` 方法默认返回的是元素的内容宽度，不包括 margin。这在某些情况下可能会导致布局问题。本文将探讨 jQuery `width()` 方法的执行机制，并结
原创
2024-10-02 03:58:00
20阅读
# jQuery Width 包含 Margin 解析
在Web开发中，计算元素的宽度是一个常见的需求。在使用jQuery时，我们经常会遇到如何计算元素的宽度，包括margin、padding 和 border等。本文将通过代码示例阐述如何使用 jQuery 来获取元素的宽度，同时介绍如何绘制甘特图和类图。最后，我们还会总结一些常见的注意事项。
## jQuery 计算宽度基础
### 1.
# 如何使用jQuery设置元素的margin为auto
## 1. 介绍
在网页开发中，经常需要设置元素的margin属性为auto，以使元素在水平方向上居中显示。使用jQuery可以很方便地实现这一功能。下面将介绍如何使用jQuery设置元素的margin为auto。
## 2. 流程图
```mermaid
flowchart TD
Start --> 获取目标元素
获取
原创
2024-05-14 07:12:19
38阅读
# 使用jQuery中的margin: 0 auto实现元素水平居中
在Web开发中，经常会遇到需要将元素水平居中显示的情况。其中，使用CSS的`margin: 0 auto`可以实现元素在父容器中水平居中显示。而在jQuery中，我们可以利用这个特性来实现元素的水平居中。
## 什么是`margin: 0 auto`？
在CSS中，`margin: 0 auto`是一种常见的用于居中元素的
原创
2024-03-06 05:53:57
42阅读
outerWidth([margin])方法获取第一个匹配元素的外部宽度(默认情况下包括边框和填充)。
此方法适用于可见...
原创
2023-07-31 12:00:23
49阅读
outerHeight([margin])方法获取第一个匹配元素的外部高度(默认情况下包括边框和填充)。
outerHeight( [ma...
原创
2024-02-21 13:20:33
40阅读
目录margin合并的场景1. 相邻兄弟元素margin合并2.父级和第一个/最后一个子元素阻止m
原创
2022-07-12 21:58:34
971阅读
padding中的负值padding不支持负值！！！（仔细想一想，内边距确实没必要设置负值）如下图，如果给padding设置了负值，则显示该属性无效。margin中的负值（转自：）
margin是外边距，代表这个盒子模型跟其它盒子模型的距离，当margin为正值时，这个盒子会与其它盒子产生一定的距离，那么顾名思义，当margin为负值时，这个盒子的外边距是负值，就是往与正值相反的方向移动一定的距离
margin，外边距，就是设置元素的从边框最外边缘向外（正值）或者向内（负值）的延申的距离。margin是完全透明的，看不见的。但它是元素之间的边界 margin的边界线是两个元素之间真正的边界线。 元素的外部边界线就是元素的margin边界线。元素的内部边界想就是元素的padding边界线（或者说是内容区的边界线，两者重叠） 所以，两个并列元素的边界线就是两个元素的margin边界线，父元
转载
2023-09-25 15:46:14
260阅读
1 if($(“input[name=item][value=’val’]”).attr(‘checked’)==true) //判断是否已经打勾 name即控件name属性,value即控件value属性 可以不指定属性值，因一组checkbox的value值都会保存其在数据库中对应的id，最好写成如下方式 <code class="hljs ruby has-n
转载
2023-06-08 12:34:11
163阅读
JS中从字符串提取整数，取类名，添加与移除类今天修改的项目内容主要包含了四点：对jQuery用法的理解将类名提取出来从字符串中提取一个整数通过jQuery对类进行添加与删除对jQuery用法的理解在今天的项目修改中，主要还是对jQuery的用法比较多。今天的项目修改过程中，对jQuery最主要的理解就是：选择要修改的元素，然后进行怎样的修改。 比如，要将类名提取出来，就要选择$(**).clas
转载
2023-10-24 00:43:10
72阅读
css： * { margin: 0; padding: 0; } .parent { /*BFC*/ /*display: inline-block;*/ /*块状化
原创
2023-05-31 00:09:26
74阅读
# 教你如何使用jQuery获取元素的left属性
作为一名经验丰富的开发者，我很高兴能够指导你如何使用jQuery来获取元素的left属性。在这篇文章中，我将为你展示一种简单而有效的方法来实现这个目标。
## 流程图
首先，让我们通过一个流程图来展示整个过程：
```mermaid
flowchart TD
A[开始]
B[选择要获取left属性的元素]
C[使用
原创
2023-12-25 05:59:22
39阅读
# 学习如何使用 jQuery 获取昨天的日期
在这篇文章中，我们将学习如何使用 jQuery 获取昨天的日期。这是一个基础的JavaScript操作，但对于刚入行的小白来说，理解Date对象以及jQuery的使用是非常重要的。接下来，我们将一步一步地讲解整个过程。
## 流程概述
我们先看一下获取昨天日期的大致流程。这个过程可以分为以下几个步骤：
| 步骤 | 描述 |
|------|
JQuery____cookie操作实践
使用方法
1.新添加一个会话 cookie：
$.cookie('the_cookie', 'the_value');
注：当没有指明 cookie有效时间时，所创建的cookie有效期默认到用户关闭浏览器为止，所以被称为
“会话cookie（session cookie）”。
2.创建一个cookie并设置有效时间为 7天:
$.cookie('th
# jQuery取模：了解JavaScript中的取模运算符
在JavaScript编程中，我们经常会遇到需要对一个数进行取模运算的情况。取模运算即取余数，是一种常见的数学运算，用来确定一个数能被另一个数整除时所余下的数值。在jQuery中，我们可以使用取模运算符（%）来实现取模运算。本文将介绍jQuery中的取模运算符的基本概念，并通过代码示例来演示其用法。
## 取模运算符（%）的基本概念
原创
2024-03-18 05:07:54
51阅读
# jQuery 取 Table 数据全攻略
作为一名经验丰富的开发者，我经常被问到如何使用 jQuery 来操作 HTML 元素，尤其是表格（table）。今天，我将通过这篇文章，详细地教给刚入行的小白如何使用 jQuery 来获取表格中的数据。
## 流程概览
在开始之前，让我们先通过一个流程图来了解整个过程：
```mermaid
flowchart TD
A[开始] -->
原创
2024-07-15 11:28:52
16阅读
## 如何实现jQuery取header
### 流程图：
```mermaid
flowchart TD
A(开始) --> B(引入jQuery库)
B --> C(编写jQuery代码)
C --> D(使用选择器获取header元素)
D --> E(获取header元素内容)
E --> F(结束)
```
### 旅程图：
```merm
原创
2024-05-10 03:56:06
64阅读
转载
2024-01-10 18:45:30
101阅读
