1.样式2.文本3.属性操作 全选,反选效果4.文档处理操作标签一、样式操作样式类:  addClass();  // 添加指定的css类名
    removeClass();  //移除指定的css类名
    hasClass(); //判断样式是否存在
    toggleClass(); //切换css类名,如果有就移除,如果没有就添加  通过jQuery对象修改css样式:  $("t            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-09 19:07:02
                            
                                81阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            1、Html页面代码 2、js代码 3、window.open(url,'_self’); //在当前页面打开 1. 在当前窗口打开百度,并且使URL地址出现在搜索栏中. window.open("http://www.baidu.com/", "_search"); window.open("ht            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2017-06-07 15:24:00
                            
                                156阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            前言推荐到下面2个免费好用的字体图标网站,下面以阿里巴巴矢量图标库举例说明1. 阿里巴巴矢量图库2. Font Awsome 步骤1. 登录官网后,搜索要下载的图标,鼠标指向该图标后如下图所示,点击加入购物车图标 2. 然后点击右上角的购物车图标后如下图所示,选择下载代码  也可以选择添加至项目,这样会创建一个自定义文件夹,方便你后续新增下载图标             
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-06 02:29:13
                            
                                48阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            select {/*Chrome和Firefox里面的边框是不一样的,复写了一下*/bo            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2019-11-15 12:37:40
                            
                                176阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            一:字体属性(1)宽/高  (1)width:为元素设置宽度  (2)height:为元素设置高度PS:块级标签才能设置宽度/高度 行内标签存放文本大小例如:p{
            width: 30px;
            height: 30px;
        } (2)字体样式:关键字:font-family作用:更改字体的样式例如:{
  font-family:            
                
         
            
            
            
            824980?utm_medium=distribute.pc_r            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2022-08-05 08:46:48
                            
                                311阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            <select>标签: select 元素可创建单选或多选菜单 注:当提交表单时,浏览器会提交选定的项目,或者收集用逗号分隔的多个选项 将其合成一个单独的参数列表,并且在将 <select> 表单数据提交给服务器时包括 name 属性  语法如下: <form> <select name="" id=""> <option value="1"&            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-10-28 04:19:01
                            
                                74阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            select标签
下拉序列表,常用语单线和多选,是一个组合标签,需要和字标签option一起使用,不会独占一行常用属性name属性:发送给服务器使用multipe属性:不写默认单选,取值为multipe表示多选,一般我们常用单选size属性:一般是可选项的数目option标签:是select标签的子标签,一般和select结合使用selected属性:表示勾选当前选项,value属性:发送给服务器            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-11-14 09:59:34
                            
                                248阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            先上效果图:组件特点:模拟下拉框可输入文字搜索选项,keyup或input事件触发搜索(并优化了原生keyup和input事件的问题)数据源异步加载滚动加载选项数据同一页面可重复使用该组件技术工具说明:基础框架 vue.jsjquery.js辅助样式 element-ui.js注意:非单页面,非前后端分离开发进入正文:创建项目1. 新建项目文件夹 cw-input-select打开,以下内容都是在            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-30 12:44:13
                            
                                200阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            给大家简述一个常见的transform应用,就是当我们用鼠标滑向图标按钮时,图标会自动旋转一周,这个效果完全不依赖JS,由css3的transform就可以完成。Transform简介在CSS3中transform主要包括以下几种:旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。1、旋转rotate() :通过指定的角度参数对原元素指定一个2D ro            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-12-21 11:00:03
                            
                                112阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            一、带边框的标签body代码            <div class="top_2">                <div class="top_2_1">到这去</div>                <div class=            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-05-24 18:09:59
                            
                                309阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            一、介绍
	采用这种字体,我们可以避免网站制作中采用好多图片,一方面解决了浏览器的兼容性问题。另一方面,这些字体都是矢量字体,我们只要在调整这些图标时,将他们的字体大小以及颜色,我们就可以解决很多不是图片的图标了。
	
	二、使用原因
	今天在用到jquery.mmenu.js过程中(手机上的单个按钮菜单,具体将在下一节讲到),也是从网上找到的一个简单的demo,很简单的,如下图:
	
	于            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-04-25 10:14:08
                            
                                3401阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            select标签右侧的小图标在不同浏览器呈现的样式不同,如果要改成自己选的图标可用以下方法:在火狐浏览器的默认样式如下: select{ appearance: none; /* 去掉默认图标 */ -moz-appearance: none; /* Firefox */ -webkit-appea ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-08-13 16:03:00
                            
                                915阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            一、HTML5文档结构HTML5文档的基本结构<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>我的第一个网页</title>
    </head>
    <body>
                    
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-07-13 12:17:20
                            
                                65阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            
            # jQuery 加图标
在网页开发中,经常需要在页面中使用图标来美化页面或增加用户交互体验。而使用 jQuery 来操作和控制图标是一种常见的做法。本文将介绍如何使用 jQuery 来实现在网页中添加图标的方法,并提供一些示例代码供参考。
## 1. 引入 jQuery
首先,我们需要在页面中引入 jQuery 库。可以通过 CDN 的方式引入,也可以下载 jQuery 文件引入到项目中。            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-04-14 03:47:17
                            
                                43阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            select的输入和输出例如 select id,name,age from user where name like '%王%' and age>2            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-05-10 16:19:34
                            
                                94阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            ## 教你实现“jquery select标签”
### 流程图
```mermaid
graph TD
A[开始] --> B[引入jQuery库]
B --> C[创建select标签]
C --> D[添加option子标签]
D --> E[设置select选中项]
E --> F[设置select事件]
F --> G[获取select选中项的值]
G --> H[显示select选            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-08-28 04:22:46
                            
                                134阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            在网页开发中,`select`标签的使用是非常普遍的,尤其是在需要用户选择特定选项的时候。为了优化用户体验,我们可以借助jQuery来轻松操作和美化这些下拉选项。本文将详细介绍如何通过jQuery对`select`标签进行操作,以及相关技术背景、特性分析、实战技巧等内容。
## 背景定位
随着用户界面的不断复杂化,表单元素的丰富性与用户交互体验的关系愈发紧密。根据W3C的定义:
> “``标            
                
         
            
            
            
            select:下拉菜单     下拉菜单整体:select标签   name    每一项:     option标签   value    属性:             
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-08-16 19:13:38
                            
                                112阅读
                            
                                                                             
                 
                
                                
                    