jQuery-初识-操作(章节一)

最新推荐文章于 2023-12-25 09:57:44 发布
最新推荐文章于 2023-12-25 09:57:44 发布
阅读量587 收藏 1
点赞数 1
分类专栏： jQuery 文章标签： jquery javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43547255/article/details/121877494
版权

jQuery-函数对象、特有选择器、操作样式(章节一)

一、 jQuery 初识

JavaScript库：即 library，是一个封装好的特定的集合（方法和函数）。理解为在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show，比如获取元素等。而jQuery 就是一个JS 文件，里面对我们原生js代码进行了封装，存放到里面。这样我们可以快速高效的使用这些封装好的功能了。jQuery，就是为了快速方便的操作DOM。

1. jQuery的优点
  • 轻量级。核心文件才几十kb，不会影响页面加载速度。
  • 跨浏览器兼容，基本兼容了现在主流的浏览器。
  • 链式编程、隐式迭代。
  • 对事件、样式、动画支持，大大简化了DOM操作。
  • 支持插件扩展开发。有着丰富的第三方的插件，例如：树形菜单、日期控件、轮播图等。
  • 免费、开源。
2.体验jQuery

第一步：下载jQuery文件
jquery-1.11.0.min.js

第二步：在文档中插引入jQuery文件，书写体验代码

在这里插入图片描述从上到下执行，已经加载到body的内容，没有写入口函数也能够执行
在这里插入图片描述相反
在这里插入图片描述因为没有加载到body的内容，执行不了，要添加一个入口函数

jQuery中常见的两种入口函数：

// 第一种: 简单易用。
$(function () {   
    ...  // 此处是页面 DOM 加载完成的入口
}) ; 

// 第二种: 繁琐，但是也可以实现
$(document).ready(function(){
   ...  //  此处是页面DOM加载完成的入口
});

注意：
jQuery入口函数等着 DOM 结构渲染完毕即可执行内部代码，不必等到所有外部资源加载完成，jQuery 帮我们完成了封装。
相当于原生 js 中的 DOMContentLoaded。
不同于原生 js 中的 load 事件是等页面文档、外部的 js 文件、css文件、图片加载完毕才执行内部代码。更推荐使用第一种方式。

在这里插入图片描述
代码如下：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
  </head>
  <body>
    <script src="../jsfile/jquery-1.11.0.min.js"></script>
    <script>
      //简易写法
    $(function(){
        //文档加载完毕执行函数
        $("h1").html("可可");
    })
    //复杂写法
    $(document).ready(function(){
        $("h1").html("可可");
    })
    </script>
    <h1>1</h1>
    <h1>2</h1>
    <h1>3</h1>    
  </body>
</html>
3. jQuery中的顶级对象$

$是 jQuery 的别称，在代码中可以使用 jQuery 代替，但一般为了方便，通常都直接使用 $ 。
$是jQuery的顶级对象，相当于原生JavaScript中的 window。把元素利用$包装成jQuery对象，就可以调用jQuery 的方法。
示例：jquery封装形式

 <script>
    var $ = function(selector){
        var domList = document.querySelectorAll(selector);
        domList.__proto__.html = function(value){
            domList.forEach(function(item,i){
                item.innerHTML = value;
            })
        }
    }
    </script>
    //jquery封装形式
二、jQuery对象
1.jQuery 对象和 DOM 对象

使用 jQuery 方法和原生JS获取的元素是不一样的 :

用原生 JS 获取来的对象就是 DOM 对象
jQuery 方法获取的元素就是 jQuery 对象。
jQuery 对象本质是： 利用$对DOM 对象包装后产生的对象（伪数组形式存储）。
注意：只有 jQuery 对象才能使用 jQuery 方法，DOM 对象则使用原生的 JavaScirpt 方法。

示例

语法:$("h1");
//返回的对象并不是原生的dom对象，而是jquery封装的dom对象，但是可以通过索引值获取原生的dom对象
2. jQuery 对象和 DOM 对象相互转换

DOM 对象与 jQuery 对象之间是可以相互转换的。因为原生js 比 jQuery 更大，原生的一些属性和方法 jQuery没有给我们封装. 要想使用这些属性和方法需要把jQuery对象转换为DOM对象才能使用。

// 1.DOM对象转换成jQuery对象，方法只有一种
 var d1 = document.querySelector("#d1"); // 获取DOM对象
 var jQobj = $(d1);// 把DOM对象转换为 jQuery 对象
//可以简写为
    $("#d1")
// 2.jQuery 对象转换为 DOM 对象有两种方法：
//   2.1 jQuery对象[索引值]
var domObject1 = $('div')[0]

//   2.2 jQuery对象.get(索引值)
var domObject2 = $('div').get(0)

示例：DOM对象转换成jQuery对象
在这里插入图片描述示例：jQuery 对象转换为 DOM 对象
在这里插入图片描述示例：相互转化

        //jquery对象转化为原生对象
        var a = $("h1")[0];
        console.log(a)
       //封装为jquery对象
        console.log( jQuery(a));

在这里插入图片描述

实际开发比较常用的是把DOM对象转换为jQuery对象，这样能够调用功能更加强大的jQuery中的方法。
三、jQuery 选择器

原生 JS 获取元素方式很多，很杂，而且兼容性情况不一致，因此 jQuery 给我们做了封装，使获取元素统一标准。

jquery筛选选择器手册

1.基础选择器
$("选择器")//里面选择器直接写 CSS 选择器即可，但是要加引号

在这里插入图片描述

2.层级选择器

层级选择器最常用的两个分别为：后代选择器和子代选择器

在这里插入图片描述

3.筛选选择器

常见如下：
在这里插入图片描述
在这里插入图片描述

示例： eq()

   $("h1").eq(5).css("background","orange");
   $("h1:eq(5)").css("color","#fff");
   //给索引值为5的标签设置背景颜色

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
  </head>
  <body>
   <h1>内容1</h1>
   <h1>内容2</h1>
   <h1>内容3</h1>
   <h1>内容4</h1>
   <h1>内容5</h1>
   <h1>内容6</h1>
   <h1>内容7</h1>
   <h1>内容8</h1>
   <h1>内容9</h1>
   <h1>内容10</h1>
       <div>行1</div>
    <div>行2</div>
    <div>行3</div>
    <div>行4</div>
    <div>行5</div>
    <div>行6</div>
    <div>行7</div>
    <div>行8</div>
    <div>行9</div>
    <div>行10</div>
    <script src="../jsfile/jquery-1.11.0.min.js"></script>
    <script>
    //索引值大于5
    $('h1:gt(5)').css("background","pink");
    //索引值小于5
    $('h1:lt(5)').css("background","skyblue");
    $("h1").eq(5).css("background","orange");
    $("h1:eq(5)").css("color","#fff");
    console.log($("h1"))
     //选择第一行
     $("div:first").css("font-weight","900");
      //选择最后一行
     $("div:last").css("font-weight","900");
    </script>
  </body>
</html>

在这里插入图片描述示例：children(),find(),siblings()

	var li = d1.find("li");
    var child = d1.children("ol");
    var brother = d1.find("li").eq(3).siblings().css("background","pink");
    //给li的第三个索引值的所有兄弟标签设置属性，不包含他本身

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
  </head>
  <body>
    <div id="d1">
      <ol>
        <li>有序列表</li>
        <li>有序列表</li>
        <li>有序列表</li>
        <li>有序列表</li>
        <li>有序列表</li>
        <li>有序列表</li>
        <li>有序列表</li>
        <li>有序列表</li>
        <li>有序列表</li>
        <li>
            <ol>
                <li>有序子列表</li>
                <li>有序子列表</li>
                <li>有序子列表</li>
                <li>有序子列表</li>
                <li>有序子列表</li>
            </ol>
        </li>
      </ol>
    </div>
    <script src="../jsfile/jquery-1.11.0.min.js"></script>
    <script>
    //找到的内容在筛选
    var d1 = $("#d1");
    console.log(d1);
    //查找d1的子孙元素
    var li = d1.find("li");
    console.log(li);
    //获取直接子元素
    var child = d1.children("ol");
    console.log(child);
    //获取兄弟元素
    var brother = d1.find("li").eq(3).siblings().css("background","pink");
    console.log(brother);
    </script>
  </body>
</html>

在这里插入图片描述示例：odd(),even()

//奇数
     $("ul li:odd").css("backgroundColor", "skyblue");
//偶数
     $("ul li:even").css("backgroundColor", "pink");

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
  </head>
  <body>
    <div id="d1">
     <ul>
         <li>1</li>
         <li>2</li>
         <li>3</li>
         <li>4</li>
         <li>5</li>
     </ul>
    </div>
    <script src="../jsfile/jquery-1.11.0.min.js"></script>
    <script>
      $("ul li:odd").css("backgroundColor", "skyblue");
      $("ul li:even").css("backgroundColor", "pink");
    </script>
  </body>
</html>

在这里插入图片描述
案例

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
  </head>
  <style>
      .control{
          width: 500px;
          height: 650px;
          display: flex;
          flex-direction: column;
      }
  .btnlist{
      width: 500px;
      height: 150px;
      display: flex;
      justify-content: space-evenly;
      align-items: center;
      background-color:pink;
  }
  button{
      width: 80px;
      height: 50px;
      outline: none;
      border-style: none;
      background-color: lightcoral;
      text-align: center;
      font-size: 15px;
      line-height: 50px;
      box-shadow: 0 0 10px saddlebrown;
      border-radius: 20px;
      transition: all 0.3s;
  }
  .btnactive{
    box-shadow: 0 0 20px #eccd78;
    background-color: #efefef;
  }
  .contentlist{
      flex: 1;
      width: 100%;
      background-color: rgb(135, 206, 235,0.5);
      position: relative;
  }
  .content{
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
  }
  .active{
      opacity: 1;
  }
  </style>
  <body>
    <div class="control">
   <div class="btnlist">
       <button>头条新闻</button>
       <button>娱乐新闻</button>
       <button>周边新闻</button>
   </div>
   <div class="contentlist">
        <div class="content active">1sasdxsaascascsdsa</div>
        <div class="content" >2sadsaxdsaxsadxa</div>
        <div class="content">3asdsaxasxdasdxsaxd</div>
   </div>
</div>
    <script src="../jsfile/jquery-1.11.0.min.js"></script>
    <script>
   $("button").click(function(){
  //通过原生对象获取索引值
  //console.log($(this).index())获得当前点击对象的索引值
  //    console.log(this)
  //    console.log(e)
    var index = $(this).index();
$("button").eq(index).addClass("btnactive").siblings().removeClass("btnactive")
    $(".content").eq(index).addClass("active").siblings().removeClass("active")
   })
    </script>
  </body>
</html>

在这里插入图片描述

四、jquery的属性操作

html属性操作：是对html文档中的属性进行读取，设置和移除操作。比如attr()、removeAttr()
DOM属性操作：对DOM元素的属性进行读取，设置和移除操作。比如prop()、removeProp()
类样式操作：是指对DOM属性className进行添加，移除操作。比如addClass()、removeClass()、toggleClass()
值操作：是对DOM属性value进行读取和设置操作。比如html()、text()、val()

1.jquery操作样式

jQuery中常用的样式操作有两种：css() 和 设置类样式方法

1.css() 和 设置类样式

// 1.参数只写属性名，则是返回属性值
var color = $(this).css('color');

// 2.  参数是属性名，属性值，逗号分隔，是设置一组样式，属性必须加引号，值如果是数字可以不用跟单位和引号
$(this).css(''color'', ''pink'');

// 3.  参数可以是对象形式，方便设置多组样式。属性名和属性值用冒号隔开， 属性可以不用加引号
$(this).css({ "color":"pink",
		      "font-size":"20px"
		      });
//css() 多用于样式少时操作，多了则不太方便。

2.设置类样式

// 1.添加类
$("div").addClass("active");

// 2.删除类
$("div").removeClass("active");

// 3.切换类
$("div").toggleClass("active");

示例：css 方法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<style>
.d1{
    color: rgba(30, 143, 255, 0.719);
}
</style>
<body>
    <h1>怦然心动如往昔，笑颜灿烂如春天。静看光阴荏苒，喑哑无言</h1>
    <script src="../jsfile/jquery-1.11.0.min.js"></script>
    <script>
        //css上是在属性元素上设置样式内容，这样对象权重比较高，使得后面我们设置的样式没有效果
        //设置样式
        $("h1").css("background","pink");
        //一次设置多个样式
        $("h1").css({
            color:"rgba(30, 143, 255, 0.719)",
            border:"10px solid #ccc",
            //如果属性是由多个单词构成，那么可以使用双引号引起来或者使用驼峰命名法进行命名
            "border-radius":"20px",//border-radius:"20px"报错
            backgroundColor:"#efefef"
        })
        //获取样式属性
        var color = $("h1").css("color");
        console.log(color);
        </script>
</body>
</html>

2.类方法设置样式
示例：类方法

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
  </head>
  <style>
    .d1 {
      width: 100px;
      height: 100px;
      background-color: pink;
      opacity: 0;
      transition: all 0.2s;
    }
    .active {
      opacity: 1;
    }
  </style>
  <body>
    <div class="d1" ></div>
    <button>切换显示</button>
    <script src="../jsfile/jquery-1.11.0.min.js"></script>
    <script>
    $("button").click(function(){
    //    if($(".d1").hasClass("active")){
    //     $(".d1").removeClass("active")
    //    }else{
    //     $(".d1").addClass("active");
    //    }
    //等同于
    $(".d1").toggleClass("active");
    })
    </script>
  </body>
</html>

addClass(),removeClass(),toggleClass()

$('div').addClass("box");//追加一个类名到原有的类名

$('div').addClass("box box2");//追加多个类名

$('div').removeClass('box')；移除指定的类（一个或多个）

$('div').removeClass();   移除全部的类

$(this).toggleClass('active')
//如果存在（不存在）就删除（添加）一个类

原生 JS 中 className 会覆盖元素原先里面的类名，jQuery 里面类操作只是对指定类进行操作，不影响原先的类名。
2.html属性操作

attr()

获取：
$('div').attr('id')
设置
$('div').attr('class','box')
设置多个值，键值对存储
$('div').attr({name:'hahaha',class:'happy'})

removeAttr()

//删除单个属性
$('#box').removeAttr('name');
$('#box').removeAttr('class');
 
//删除多个属性
$('#box').removeAttr('name class');
3.DOM属性操作

prop() 方法设置或返回被选元素的属性和值。当该方法用于返回属性值时，则返回第一个匹配元素的值。当该方法用于设置属性值时，则为匹配元素集合设置一个或多个属性/值对。
注意：prop() 除了普通属性操作，更适合操作表单属性：disabled / checked / selected 等。

返回属性的值
$(selector).prop(property)

设置属性和值
$(selector).prop(property,value)

设置多个属性和值
$(selector).prop({property:value, property:value,...})
//在使用单双选框的时候
//使用attr获取checked的值 
console.log($('input').eq(0).attr('checked'));
//使用prop获取checked的值              
console.log($('input').eq(0).prop('checked'));

这里是引用

4.值操作

见操作有三种：html() / text() / val() ; 分别对应JS中的 innerHTML 、innerText 和 value 属性，主要针对元素的内容还有表单的值操作。

//1获取设置元素内容  html（）类似于inner Html
$(this).html()  //是用来获取文本内容 识别标签和内容  
$(this).html("value")  //是用来设置内容文本

//2 获取设置元素的内容  text（） 类似于inner text
$(this).text()  //是用来获取值
$(this).text("value")  //是用来设置文本

//3 表单的值 value()  类似于value
$(this).val()  //是用来获取表单文本内容的  不识别标签和内容
$(this).val("value") //是用来设置表单文本内容
五、jQuery操作DOM

​ jQuery方法操作元素的创建、添加、删除方法很多，多用以下几种：

1.创建元素

 var li =$("<li>可可</li>")

2.内部追加元素(父子关系)

$('ul').append(li)

2.1.外部追加元素(兄弟关系)

 $('#d1').before('<h1>双十二快到了</h1>')
 //放在目标元素前面
 $('#d1').after('<h1>你准备贡献多少</h1>')
 //放在目标元素后面

3.删除元素

  $("#d1").empty();//删除匹配元素集合中所有的子节点
  $("#d1").html("");//清空匹配元素内容
  $("#d1").remove(); //会将自己和里面的元素删掉

示例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<style>
</style>
<body>
    <div id="d1"></div>
    <script src="../jsfile/jquery-1.11.0.min.js"></script>
    <script>
    //通过设置html来创建内容
    // $('#d1').html('<h1>helloworld</h1>')
    //创建元素，还在内存中
    var h1 = $('<h1>helloworld</h1>')
    $('#d1').append(h1)//追加才能显示
    h1.appendTo('#d1')//也可以追加只是写法相反
    console.log(h1);
    //在什么内容的最前面插入内容
    $('#d1').prepend('<h1>晚饭吃撒</h1>')
    $('#d1').before('<h1>双十二快到了</h1>')
    $('#d1').after('<h1>你准备贡献多少</h1>')
    //清空d1内容
    //$("#d1").empty();
    //$("#d1").html("");
    //会将自己和里面的元素删掉
    //$("#d1").remove();
    //复制元素
    var d1 = $("#d1").clone();
    $("#d1").after(d1);
        </script>
</body>
</html>

在这里插入图片描述练习

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<style>
.control{
    width: 500px;
    height: 400px;
    background-color: azure;
    display: flex;
}
.left{
    width: 200px;
    height: 100%;
}
.right{
    width: 200px;
    height: 100%;
}
.center{
    width: 100px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
button{
    margin-top: 30px;
    width: 80px;
    height: 50px;
    outline: none;
    background-color: #efefef;
    box-shadow: 0 0 10px rgb(118, 162, 219);
}
select{
    width: 200px;
    height: 100%;
    background: #fff;
}
</style>
<body>
    <div class="control">
        <div class="left">
            <select name="username" id="username" multiple="multiple">
                <option value="">李四</option>
                <option value="">王五</option>
                <option value="">赵六</option>
                <option value="">七七</option>
            </select>
        </div>
        <div class="center">
            <button id="allright">>>>></button>
            <button id="allleft"><<<<</button>
            <button id="selectright"><<><<</button>
            <button id="selecteleft">>><>></button>
        </div>
        <div class="right">
            <select name="selectuser" id="selectuser" multiple="multiple">
            </select>
        </div>
    </div>
    <script src="../jsfile/jquery-1.11.0.min.js"></script>
    <script>
    $("#allright").click(function(){
        $("#username option").appendTo("#selectuser");
    })
    $("#allleft").click(function(){
        $("#selectuser option").appendTo("#username");
    })
    $("#selectright").click(function(){
        $("#username option:checked").appendTo("#selectuser ");
    })
    $("#selecteleft").click(function(){
        $("#selectuser option:checked").appendTo("#username");
    })
    </script>
</body>
</html>

在这里插入图片描述

可可鸭~
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
jquery-1.11.0.min.js
10-19
jquery-1.11.0.min.js
jquery-upload.min.js和jquery-1.11.0.min.js
06-09
jquery ajax上传组件JS. jquery-upload.min.js和jquery-1.11.0.min.js。 上传小文件图片，文件等非常合适。 详情可参考：http://blog.csdn.net/programmer_sir/article/details/29570935
解决jquery-1.11.0.js安全漏洞
人与人之间最小的差别是智商，最大的差别是坚持。
12-25 756
这个文件被扫出安全漏洞有XSS攻击等 ，其中一个比较著名的漏洞是在JQuery 1.6.2版本中发现的。该漏洞被称为”attrFn"漏洞，它允许攻击者通过特殊构造的代码执行任意的JavaScript代码。
jQuery-1.11.0.js与jQuery-1.11.0.min.js的区别
一个懵懂的年轻人的博客
11-23 6343
你经常看到网站使用扩展名是.min.js的jQuery    ==>   这意味着这个文件去掉了不必要的空格和换行。 例如：         jQuery-1.11.0.js转换为jQuery-1.11.0.min.js： 最小化之后的文件会小很多==>使得下载速度更快。不过最小化之后的文件会变得难以阅读。
初识JQuery-DOM操作（Demo实战详解）
01-08
我是辰兮，很高兴你能来阅读，本章初识jQuery，用案例详细的讲解了jQuery的DOM操作，每一个操作都有详细的案例以及截图，希望对你有帮助，分享获取新知，大家一起进步。 下一篇请参考：JQuery-DOM进阶 文章目录一、...
Jquery EasyUI的添加，修改，删除，查询等基本操作介绍
12-12
初识Jquery EasyUI看了一些博主用其开发出来的项目，页面很炫，感觉功能挺强大，效果也挺不错，最近一直想系统学习一套前台控件，于是在网上找了一些参考示例。写了一些基本的增删改查功能，算是对该控件的基本入门...
【JavaScript】4.初识 jQuery
01-08
本来这一篇要写JavaScript的事件处理的，但是内容好多啊，这一套那一套的，看得有点晕……...jQuery是JS的框架，基于JS语言，集合Ajax技术开发出来的JS库，封装JS和Ajax的功能，提供函数接口，大大简化了Ajax，JS的操作
Software-Training:Ecjtu中的软件培训
05-03
数组######9.11日java类方法######9.15日java关于字符串的一些操作，注意看substring方法######9.16日javascript基本语法######9.17日javascript对象######9.18日jquery初识######9.21日jquery选择器，注意着重学习...
jquery.min.js隐藏版本号
qq_38098125的博客
09-06 2598
出于系统安全考虑，有时候需要隐藏jquery的版本号，在Console里使用$.fn.jquery可以查询使用的版本号。以jquery-1.11.0.min.js为例，首先将文件名和引用去掉版本号，然后在jquery-1.11.0.min.js里搜索1.11.0，找到m="1.11.0"，将m的值进行修改，这里可以修改为任意值，注意不能是""，否则有些前端页面可能会收到影响。 ...
jquery-1.11.1.js 、jquery-1.11.1.min.js 【官方jquery包 js】
11-01
jquery-1.11.1.js 、jquery-1.11.1.min.js 【官方jquery包 js】
jquery-1.11.0.min.zip
07-08
jQuery是一个JavaScript函数库。 jQuery是一个轻量级的"写的少，做的多"的JavaScript库。 jQuery库包含以下功能： HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX Utilities
jquery-1.11.0.js
05-14
jquery-1.11.0.js
解决配置错误问题
milijiangjun的博客
07-06 1355
今天在进行配置环境的时候出现了错误，如图： 错误提示信息为： jquery.min.js:4 Access to XMLHttpRequest at 'file:///F:/IIS/down%E7%BC%96%E8%BE%91%E5%99%A8/editormdmaster/examples/test.md' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for
JQuery-min报错解决办法
TK_lTlei的博客
03-21 1631
JQuery-min报错解决办法1、选中报错的jquery文件“jquery.min.js”。 2、右键选择 MyEclipse–>Exclude From Validation 。 3、再右键选择 MyEclipse–>Run Validation 即可。
jQuery JavaScript Library v1.10.2源码
weixin_30436101的博客
08-28 908
/*! * jQuery JavaScript Library v1.10.2 * http://jquery.com/ * * Includes Sizzle.js * http://sizzlejs.com/ * * Copyright 2005, 2013 jQuery Foundation, Inc. and other contributors * R...
jquery-validation-1.14.0下载
最新发布
01-20
jquery-validation-1.14.0 是一个用于验证表单的 jQuery 插件，可以帮助开发人员轻松地对表单进行实时验证。要下载 jquery-validation-1.14.0，首先需要打开 jQuery Validation 插件的官方网站或者在 GitHub 上搜索该插件的源代码。在页面上找到对应的版本，点击下载按钮即可下载压缩包文件。 另外，也可以在命令行使用 npm 进行下载。打开命令行工具，输入以下命令即可下载并安装 jquery-validation-1.14.0 插件： ```bash npm install jquery[email protected] ``` 下载完成后，解压压缩包或者使用 npm 安装命令后，就可以将插件文件引入到项目中开始使用了。 在使用该插件之前，需要在 HTML 页面中引入 jQuery 库文件和 jquery-validation-1.14.0 的文件。然后按照插件文档的说明进行配置和调用，即可实现对表单的验证功能。 总之，要下载 jquery-validation-1.14.0 插件，可以通过官方网站、GitHub 或者 npm 进行下载安装。下载完成后，按照插件文档进行配置和调用，就可以方便地在项目中使用该插件对表单进行实时验证。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

可可鸭~

想吃糖~我会甜

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值