JQuery

于 2022-04-02 16:04:42 发布
阅读量236 收藏
点赞数 1
分类专栏： javaWeb 文章标签： javascript 服务器 java-ee
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_51064043/article/details/123916509
版权

文章目录

一、基础

1.概念

一个JavaScript框架。简化JS开发

  • jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨。是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优 化HTML文档操作、事件处理、动画设计和Ajax交互。
  • JavaScript框架：本质上就是一些js文件，封装了js的原生代码而已

2.快速入门

（1）步骤

  • 下载JQuery
    • 目前jQuery有三个大版本：
      • 1.x：兼容ie678,使用最为广泛的，官方只做BUG维护，功能不再新增。因此一般项目来说，使用1.x版本就可以了，最终版本：1.12.4 (2016年5月20日)
      • 2.x：不兼容ie678，很少有人使用，官方只做BUG维护，功能不再新增。如果不考虑兼容低版本的浏览器可以使用2.x，最终版本：2.2.4 (2016年5月20日)
      • 3.x：不兼容ie678，只支持最新的浏览器。除非特殊要求，一般不会使用3.x版本的，很多老的jQuery插件不支持这个版本。目前该版本是官方主要更新维护的版本。最新版本：3.2.1（2017年3月20日）
  • jquery-xxx.js 与 jquery-xxx.min.js区别：
    • jquery-xxx.js：开发版本。给程序员看的，有良好的缩进和注释。体积大一些
    • jquery-xxx.min.js：生产版本。程序中使用，没有缩进。体积小一些。程序加载更快

（2） 导入JQuery的js文件

导入min.js文件

（3）使用

3.JQuery对象和JS对象区别与转换

  • JQuery对象在操作时，更加方便。
  • JQuery对象和js对象方法不通用的.
  • 两者相互转换
    • jq – > js : jq对象[索引] 或者 jq对象.get(索引)
    • js – > jq : $(js对象)
    • 代码
	<div id="div1">div1....</div>
    <div id="div2">div2....</div>

<script>
  //1. 通过js方式来获取名称叫div的所有html元素对象
    var divs = document.getElementsByTagName("div");
    alert(divs.length);//可以将其当做数组来使用
    //对divs中所有的div 让其标签体内容变为"aaa"
  for (var i = 0; i < divs.length; i++) {
      //divs[i].innerHTML = "aaa";
      $(divs[i]).html("ccc");
  }

    //2. 通过jq方式来获取名称叫div的所有html元素对象
    var $divs = $("div");

  alert($divs.length);//也可以当做数组使用

  //对divs中所有的div 让其标签体内容变为"bbb"  使用jq方式
    //$divs.html("bbb");
   // $divs.innerHTML = "bbb";

  $divs[0].innerHTML = "ddd";
  $divs.get(1).innerHTML = "eee";

4.选择器

筛选具有相似特征的元素(标签)

（1）基本操作学习

  • 事件绑定
			//1.获取b1按钮
            $("#b1").click(function(){
                alert("abc");
            });
  • 入口函数
	$(function () {
	           
   			 });
  • 样式控制：css方法
// $("#div1").css("background-color","red");
      		$("#div1").css("backgroundColor","pink");
  • window.onload 和 $(function) 区别
    • window.onload 只能定义一次,如果定义多次，后边的会将前边的覆盖掉
    • $(function)可以定义多次的。

（2）分类

A.基本选择器
  • 标签选择器（元素选择器）
    • 语法： $(“html标签名”) 获得所有匹配标签名称的元素
$("#b2").click(function () {
	$("div").css("backgroundColor","pink");
});
  • id选择器
    • 语法： $("#id的属性值") 获得与指定id属性值匹配的元素
$("#b1").click(function () {
	$("#one").css("backgroundColor","pink");
});
  • 类选择器
    • 语法： $(".class的属性值") 获得与指定的class属性值匹配的元素
			$("#b3").click(function () {
                $(".mini").css("backgroundColor","pink");
            });

$("#b4").click(function () {
                $("span,#two").css("backgroundColor","pink");
            });
  • 并集选择器
    • 语法： $(“选择器1,选择器2…”) 获取多个选择器选中的所有元素
B.层级选择器
  • 后代选择器
    • 语法： $("A B ") 选择A元素内部的所有B元素
$("#b1").click(function () {
				$("body div").css("backgroundColor","pink");
            });
  • 子选择器
    • 语法： $(“A > B”) 选择A元素内部的所有B子元素
$("#b2").click(function () {
                $("body > div").css("backgroundColor","pink");
            });
C.属性选择器
  • 属性名称选择器
    • 语法： $(“A[属性名]”) 包含指定属性的选择器
$("#b1").click(function () {
				$("div[title]").css("backgroundColor","pink");
            });
  • 属性选择器
    • 语法： $(“A[属性名=‘值’]”) 包含指定属性等于指定值的选择器
	// <input type="button" value=" 属性title值等于test的div元素背景色为红色"  id="b2"/>
            $("#b2").click(function () {
                $("div[title='test']").css("backgroundColor","pink");
            });
			// <input type="button" value=" 属性title值不等于test的div元素(没有属性title的也将被选中)背景色为红色"  id="b3"/>
            $("#b3").click(function () {
                $("div[title!='test']").css("backgroundColor","pink");
            });
			// <input type="button" value=" 属性title值 以te开始 的div元素背景色为红色"  id="b4"/>
            $("#b4").click(function () {
                $("div[title^='te']").css("backgroundColor","pink");
            });
			// <input type="button" value=" 属性title值 以est结束 的div元素背景色为红色"  id="b5"/>
            $("#b5").click(function () {
                $("div[title$='est']").css("backgroundColor","pink");
            });
			// <input type="button" value="属性title值 含有es的div元素背景色为红色"  id="b6"/>
            $("#b6").click(function () {
                $("div[title*='es']").css("backgroundColor","pink");
            });
  • 复合属性选择器
    • 语法： $(“A[属性名=‘值’][]…”) 包含多个属性条件的选择器
// <input type="button" value="选取有属性id的div元素，然后在结果中选取属性title值含有“es”的 div 元素背景色为红色"  id="b7"/>
            $("#b7").click(function () {
                $("div[id][title*='es']").css("backgroundColor","pink");
            });
D.过滤选择器
  • 首元素选择器
    • 语法： :first 获得选择的元素中的第一个元素
// <input type="button" value=" 改变第一个 div 元素的背景色为 红色"  id="b1"/>
			$("#b1").click(function () {
				$("div:first").css("backgroundColor","pink");
            });
  • 尾元素选择器
    • 语法： :last 获得选择的元素中的最后一个元素
// <input type="button" value=" 改变最后一个 div 元素的背景色为 红色"  id="b2"/>
            $("#b2").click(function () {
                $("div:last").css("backgroundColor","pink");
            });
  • 非元素选择器
    • 语法： :not(selector) 不包括指定内容的元素
// <input type="button" value=" 改变class不为 one 的所有 div 元素的背景色为 红色"  id="b3"/>
            $("#b3").click(function () {
                $("div:not(.one)").css("backgroundColor","pink");
            });
  • 偶数选择器
    • 语法： :even 偶数，从 0 开始计数
// <input type="button" value=" 改变索引值为偶数的 div 元素的背景色为 红色"  id="b4"/>
            $("#b4").click(function () {
                $("div:even").css("backgroundColor","pink");
            });
  • 奇数选择器
    • 语法： :odd 奇数，从 0 开始计数
// <input type="button" value=" 改变索引值为奇数的 div 元素的背景色为 红色"  id="b5"/>
            $("#b5").click(function () {
                $("div:odd").css("backgroundColor","pink");
            });
  • 等于索引选择器
    • 语法： :eq(index) 指定索引元素

// <input type="button" value=" 改变索引值为等于 3 的 div 元素的背景色为 红色"  id="b7"/>
            $("#b7").click(function () {
                $("div:eq(3)").css("backgroundColor","pink");
            });
  • 大于索引选择器
    • 语法： :gt(index) 大于指定索引元素
// <input type="button" value=" 改变索引值为大于 3 的 div 元素的背景色为 红色"  id="b6"/>
            $("#b6").click(function () {
                $("div:gt(3)").css("backgroundColor","pink");
            });
  • 小于索引选择器
    • 语法： :lt(index) 小于指定索引元素
// <input type="button" value=" 改变索引值为小于 3 的 div 元素的背景色为 红色"  id="b8"/>
            $("#b8").click(function () {
                $("div:lt(3)").css("backgroundColor","pink");
            });
  • 标题选择器
    • 语法： :header 获得标题（h1~h6）元素，固定写法
// <input type="button" value=" 改变所有的标题元素的背景色为 红色"  id="b9"/>
            $("#b9").click(function () {
                $(":header").css("backgroundColor","pink");
            });
E.表单过滤选择器
  • 可用元素选择器
    • 语法： :enabled 获得可用元素
// <input type="button" value=" 利用 jQuery 对象的 val() 方法改变表单内可用 <input> 元素的值"  id="b1"/>
			$("#b1").click(function () {
				$("input[type='text']:enabled").val("aaa");
            });
  • 不可用元素选择器
    • 语法： :disabled 获得不可用元素
// <input type="button" value=" 利用 jQuery 对象的 val() 方法改变表单内不可用 <input> 元素的值"  id="b2"/>
            $("#b2").click(function () {
                $("input[type='text']:disabled").val("aaa");
            });
  • 选中选择器
    • 语法： :checked 获得单选/复选框选中的元素
// <input type="button" value=" 利用 jQuery 对象的 length 属性获取复选框选中的个数"  id="b3"/>
            $("#b3").click(function () {
                alert($("input[type='checkbox']:checked").length);
            });
  • 选中选择器
    • 语法： :selected 获得下拉框选中的元素
// <input type="button" value=" 利用 jQuery 对象的 length 属性获取下拉框选中的个数"  id="b4"/>
            $("#b4").click(function () {
                alert($("#job > option:selected").length);
            });

5.DOM操作

（1）内容操作

  • html(): 获取/设置元素的标签体内容 <a><font>内容</font></a> --> <font>内容</font>
 // 获取myinput 的value值
				//var value = $("#myinput").val();
				//alert(value);
                //$("#myinput").val("李四");
  • text(): 获取/设置元素的标签体纯文本内容 <a><font>内容</font></a> --> 内容
// 获取mydiv的标签体内容
//var html = $("#mydiv").html();
//alert(html);
//$("#mydiv").html("<p>aaaa</p>");
  • val()： 获取/设置元素的value属性值
// 获取mydiv文本内容
//var text = $("#mydiv").text();
//alert(text);
$("#mydiv").text("bbb");

（2）属性操作

  • 通用属性操作
    • attr(): 获取/设置元素的属性
    • removeAttr():删除属性
    • prop():获取/设置元素的属性
    • removeProp():删除属性
  • attr和prop区别？
    • 如果操作的是元素的固有属性，则建议使用prop
    • 注意：var checked = $("#hobby").attr(“checked”); //获取不到，弹出undefined，arr获取固有的时
//获取北京节点的name属性值
			var name = $("#bj").attr("name");
			//alert(name);
            //设置北京节点的name属性的值为dabeijing
            $("#bj").attr("name","dabeijing");
            //新增北京节点的discription属性 属性值是didu
            $("#bj").attr("discription","didu");
            //删除北京节点的name属性并检验name属性是否存在
            $("#bj").removeAttr("name");
            //获得hobby的的选中状态
			var checked = $("#hobby").prop("checked");
			alert(checked);

            //var checked = $("#hobby").attr("checked"); //获取不到，弹出undefined
  • 对class属性操作
    • addClass():添加class属性值
    • removeClass():删除class属性值
    • toggleClass():切换class属性
    • oggleClass(“one”):
      • 判断如果元素对象上存在class=“one”，则将属性值one删除掉。 如果元素对象上不存在class=“one”，则添加
//<input type="button" value=" addClass"  id="b2"/>
            $("#b2").click(function () {
                $("#one").addClass("second");
            });
//<input type="button" value="removeClass"  id="b3"/>
            $("#b3").click(function () {
                $("#one").removeClass("second");
            });
//<input type="button" value=" 切换样式"  id="b4"/>
            $("#b4").click(function () {
                $("#one").toggleClass("second");
            });
//<input type="button" value=" 通过css()获得id为one背景颜色"  id="b5"/>
            $("#b5").click(function () {
                var backgroundColor = $("#one").css("backgroundColor");
                alert(backgroundColor);

            });
            //<input type="button" value=" 通过css()设置id为one背景颜色为绿色"  id="b6"/>
            $("#b6").click(function () {
                 $("#one").css("backgroundColor","green");

            });

（3）CRUD操作

  • append():父元素将子元素追加到末尾
    • 对象1.append(对象2): 将对象2添加到对象1元素内部，并且在末尾
  • prepend():父元素将子元素追加到开头
    • 对象1.prepend(对象2):将对象2添加到对象1元素内部，并且在开头
  • appendTo():
    • 对象1.appendTo(对象2):将对象1添加到对象2内部，并且在末尾
  • prependTo()：
    • 对象1.prependTo(对象2):将对象1添加到对象2内部，并且在开头
  • after():添加元素到元素后边
    • 对象1.after(对象2)： 将对象2添加到对象1后边。对象1和对象2是兄弟关系
  • before():添加元素到元素前边
    • 对象1.before(对象2)： 将对象2添加到对象1前边。对象1和对象2是兄弟关系
  • insertAfter()
    • 对象1.insertAfter(对象2)：将对象2添加到对象1后边。对象1和对象2是兄弟关系
  • insertBefore()
    • 对象1.insertBefore(对象2)： 将对象2添加到对象1前边。对象1和对象2是兄弟关系
  • remove():移除元素
    • 对象.remove():将对象删除掉
  • empty():清空元素的所有后代元素。
    • 对象.empty():将对象的后代元素全部清空，但是保留当前对象以及其属性节点
$(function () {
             // <input type="button" value="将反恐放置到city的后面"  id="b1"/>

			 $("#b1").click(function () {
				 //append
				 //$("#city").append($("#fk"));
				 //appendTo
                 $("#fk").appendTo($("#city"));
             });
             // <input type="button" value="将反恐放置到city的最前面"  id="b2"/>
             $("#b2").click(function () {
                 //prepend
                 //$("#city").prepend($("#fk"));
                 //prependTo
                 $("#fk").prependTo($("#city"));
             });
             // <input type="button" value="将反恐插入到天津后面"  id="b3"/>
             $("#b3").click(function () {
                 //after
				 //$("#tj").after($("#fk"));
                 //insertAfter
                 $("#fk").insertAfter($("#tj"));

             });
             // <input type="button" value="将反恐插入到天津前面"  id="b4"/>
             $("#b4").click(function () {
                 //before
                 //$("#tj").before($("#fk"));
                 //insertBefore
                 $("#fk").insertBefore($("#tj"));

             });
         });

	$(function () {
        // <input type="button" value="删除<li id='bj' name='beijing'>北京</li>"  id="b1"/>
		$("#b1").click(function () {
			$("#bj").remove();
        });
        // <input type="button" value="删除city所有的li节点   清空元素中的所有后代节点(不包含属性节点)"  id="b2"/>
        $("#b2").click(function () {
            $("#city").empty();
        });
    });

二、高级

1. 动画

（1）三种方式显示和隐藏元素

  • 默认显示和隐藏方式
    • show([speed,[easing],[fn]])
      • 参数：
        • speed：动画的速度。三个预定义的值(“slow”,“normal”, “fast”)或表示动画时长的毫秒数值(如：1000)
        • easing：用来指定切换效果，默认是"swing"，可用参数"linear"
          • swing：动画执行时效果是 先慢，中间快，最后又慢
          • inear：动画执行时速度是匀速的
        • fn：在动画完成时执行的函数，每个元素执行一次。
    • hide([speed,[easing],[fn]])
    • toggle([speed],[easing],[fn])

（2）滑动显示和隐藏方式

  • slideDown([speed],[easing],[fn])
  • slideUp([speed,[easing],[fn]])
  • slideToggle([speed],[easing],[fn])

（3）淡入淡出显示和隐藏方式

  • fadeIn([speed],[easing],[fn])
  • fadeOut([speed],[easing],[fn])
  • fadeToggle([speed,[easing],[fn]])
//隐藏div
        function hideFn(){
            /*$("#showDiv").hide("slow","swing",function(){
                alert("隐藏了...")
            });


           //默认方式
            $("#showDiv").hide(5000,"swing");
			*/

            //滑动方式
			
            $("#showDiv").slideUp("slow");

           

            //淡入淡出方式
            //$("#showDiv").fadeOut("slow");
			 
        }

        //显示div
        function showFn(){
            /*$("#showDiv").show("slow","swing",function(){
                alert("显示了...")
            });*/

            /*
            //默认方式
            $("#showDiv").show(5000,"linear");
            */
/*
            //滑动方式
            $("#showDiv").slideDown("slow");
            */

            //淡入淡出方式
            $("#showDiv").fadeIn("slow");
        }


        //切换显示和隐藏div
        function toggleFn(){

            /*
            //默认方式
            $("#showDiv").toggle("slow");
*/
            /*
            //滑动方式
            $("#showDiv").slideToggle("slow");
*/

            //淡入淡出方式
            $("#showDiv").fadeToggle("slow");
        }

2.2. 遍历

（1） js的遍历方式

for(初始化值;循环结束条件;步长)

（2）jq的遍历方式

jq对象.each(callback)

  • 语法：
    • jquery对象.each(function(index,element){});
      • index:就是元素在集合中的索引
      • element：就是集合中的每一个元素对象
      • this：集合中的每一个元素对象
    • 回调函数返回值：
      • true:如果当前function返回为false，则结束循环(break)。
      • false:如果当前function返回为true，则结束本次循环，继续下次循环(continue)

$.each(object, [callback])

for…of: jquery 3.0 版本之后提供的方式；for(元素对象 of 容器对象)
注意：1和2的遍历方式有些不同，请注意区分！

$(function () {
               //1.获取所有的ul下的li
                var citys = $("#city li");
               /* //2.遍历li
                for (var i = 0; i < citys.length; i++) {
                    if("上海" == citys[i].innerHTML){
                        //break; 结束循环
                        //continue; //结束本次循环，继续下次循环
                    }
                    //获取内容
                    alert(i+":"+citys[i].innerHTML);

                }*/

/*
                //2. jq对象.each(callback)
                citys.each(function (index,element) {
                    //3.1 获取li对象 第一种方式 this
                    //alert(this.innerHTML);
                    //alert($(this).html());
                    //3.2 获取li对象 第二种方式 在回调函数中定义参数   index（索引） element（元素对象）
                    //alert(index+":"+element.innerHTML);
                    //alert(index+":"+$(element).html());

                    //判断如果是上海，则结束循环
                    if("上海" == $(element).html()){
                        //如果当前function返回为false，则结束循环(break)。
                        //如果返回为true，则结束本次循环，继续下次循环(continue)
                        return true;
                    }
                    alert(index+":"+$(element).html());
                });*/
                //3 $.each(object, [callback])
               /* $.each(citys,function () {
                    alert($(this).html());
                });*/

               //4. for ... of:jquery 3.0 版本之后提供的方式

                for(li of citys){
                    alert($(li).html());
                }


            });

3.3. 事件绑定

jquery标准的绑定方式

  • jq对象.事件方法(回调函数)；
  • 注：如果调用事件方法，不传递回调函数，则会触发浏览器默认行为。
  • 表单对象.submit();//让表单提交
$(function () {
           //1.获取name对象，绑定click事件
           /*$("#name").click(function () {
               alert("我被点击了...")
           });*/

           //给name绑定鼠标移动到元素之上事件。绑定鼠标移出事件
            /*$("#name").mouseover(function () {
               alert("鼠标来了...")
            });

            $("#name").mouseout(function () {
                alert("鼠标走了...")
            });*/

           /* //简化操作，链式编程
            $("#name").mouseover(function () {
                alert("鼠标来了...")
            }).mouseout(function () {
                alert("鼠标走了...")
            });*/
            alert("我要获得焦点了...")
            //$("#name").focus();//让文本输入框获得焦点
            //表单对象.submit();//让表单提交
        });

on绑定事件/off解除绑定

  • jq对象.on(“事件名称”,回调函数)
//1.使用on给按钮绑定单击事件  click
           $("#btn").on("click",function () {
               alert("我被点击了。。。")
           }) ;
  • jq对象.off(“事件名称”)
//2. 使用off解除btn按钮的单击事件
            $("#btn2").click(function () {
                //解除btn按钮的单击事件
                //$("#btn").off("click");
                $("#btn").off();//将组件上的所有事件全部解绑
            });

注意：如果off方法不传递任何参数，则将组件上的所有事件全部解绑！！！

事件切换：toggle

  • jq对象.toggle(fn1,fn2…)
  • 当单击jq对象对应的组件后，会执行fn1.第二次点击会执行fn2…

注意：1.9版本 .toggle() 方法删除,jQuery Migrate（迁移）插件可以恢复此功能。

//获取按钮，调用toggle方法
           $("#btn").toggle(function () {
               //改变div背景色backgroundColor 颜色为 green
               $("#myDiv").css("backgroundColor","green");
           },function () {
               //改变div背景色backgroundColor 颜色为 pink
               $("#myDiv").css("backgroundColor","pink");
           });

4. 插件

增强JQuery的功能

  • 实现方式：
    • $.fn.extend(object)
      • 增强通过Jquery获取的对象的功能 $("#id")
    • $.extend(object)
      • 增强JQuery对象自身的功能 $/jQuery

$.fn.extend(object)

/1.定义jqeury的对象插件
        $.fn.extend({
            //定义了一个check()方法。所有的jq对象都可以调用该方法
            check:function () {
               //让复选框选中

                //this:调用该方法的jq对象
                this.prop("checked",true);
            },
            uncheck:function () {
                //让复选框不选中

                this.prop("checked",false);
            }
            
        });

$.extend(object)

$(function () {
           // 获取按钮
            //$("#btn-check").check();
            //复选框对象.check();

            $("#btn-check").click(function () {
                //获取复选框对象
                $("input[type='checkbox']").check();

            });

            $("#btn-uncheck").click(function () {
                //获取复选框对象
                $("input[type='checkbox']").uncheck();

            });
        });

总结

提示：这里对文章进行总结：
例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas的使用，而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。

^_^白心火龙果
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jquery1.8.3
09-26
jquery1.8.3官方包，包含jquery-1.8.3.min.js和jquery-1.8.3.js两个文件。
JavaWeb技术之JavaScript&jQuery
WananRd
08-14 226
JavaWeb
[JavaWeb-12]JQuery
学哥斌的博客
02-06 244
1、基本介绍   jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨 是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优 化HTML文档操作、事件处理、动画设计...
jquery 获取java_如何从java获取javascript(jquery)数组？
weixin_32002013的博客
02-17 108
我试图从“应用程序”对象(在javascript中使用jquery)中获取每个值,这些值主要包含字符串和布尔属性,但也包含List.我想在服务器端获取它,java.这里我要做的是获取字符串和布尔值：requete = clientRestApplication.saveApplication.read(application.id, application);requete.done();申请是我...
java——HTML、css、JavaScript、jQuery 详细介绍
热门推荐
崔崇鑫的博客，你linux/云运维工作中的百科全书。
10-12 2万+
html{ /* 页面出现旁边出现多余空白区域解决办法 */ overflow-x:hidden; } **HTML ： 用于搭建页面结构和页面数据的 盖房子 CSS： 用于美化页面 装修 JavaScript： 用于让页面呈现出动态的效果和内容 jQuery： 用于封装JavaScript的框架，简化JavaScript操作** ####HTML介绍 HyperText(超文本) ...
JavaScript，Jsp与jQuery区别介绍
你是人间四月天
11-04 3402
JSP和JS的区别: JSP 全称 JAVA SERVER PAGE,是JA``VA企业应用的一种动态技术，jsp是服务器端运行的JSP网页代码文件。 ```sql HEY GIRL, SELECT * FROM girls ORDER BY attractivenss DESC LIMT 0,1 keeps return you; woyaobazhe ```sql HEY GIRL, w...
jquery 3.5.1
10-27
jquery-3.5.1包含 jquery-3.5.1.js、 jquery-3.5.1.min.js两个文件
jquery-3.7.0.min.js（jQuery下载）
06-25
jquery-3.7.0.min.js（jQuery下载）jquery-3.7.0.min.js（jQuery下载）jquery-3.7.0.min.js（jQuery下载）jquery-3.7.0.min.js（jQuery下载）jquery-3.7.0.min.js（jQuery下载）jquery-3.7.0.min.js（jQuery下载）...
jquery-3.3.1.js和jquery-3.3.1.min.js
03-22
jquery-3.3.1.js和jquery-3.3.1.min.js免费下载哈。jquery-3.3.1.js和jquery-3.3.1.min.js免费下载哈。jquery-3.3.1.js和jquery-3.3.1.min.js免费下载哈。jquery-3.3.1.js和jquery-3.3.1.min.js免费下载哈。jquery-...
jquery版本2.2.4
03-04
1、原生js使用太繁琐，使用jquery。 2、免费下载，希望大家爱上学习。 3、后面会出一个简单的使用方法。
jquery-migrate3.4版本
05-17
jquery-migrate3.4版本
前端+jQuery+实现烟花特效
05-02
前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+...
jQuery源码 jQuery源码 jQuery源码
04-19
jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码...
jquery验证码
10-19
jQuery实现web开发验证码，无需后台验证。简单方便实用
jquery1.7.2
08-28
jquery1.7.2中文文档，这是一个chw格式的中文文档，方便查询
JavaScript、JS、jQuery、Java的区别
Huggy123的博客
07-30 3553
JavaScript JavaScript是一种直译式脚本语言，广泛用于Web应用开发，常用来为网页添加各式各样的动态功能，为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。 组成部分： 核心（ECMAScript）：描述了该语言的语法和基本对象。 文档对象模型（Document Object Model，简称DOM）：描述处理网页内容的方法和接口。 浏览器对象模型（Browser Object Model，简称BOM）：描述与浏览器进行交互的方法和接口
jQuery-3.6.0.min.js
最新发布
11-14
jQuery-3.6.0.min.js
jquery移动端商城网站模板
06-05
jquery移动端商城网站模板，页面全。
jquery-3.6.0.js
01-07
jquery下载后粘贴即可使用
jQuery
05-31
jQuery 是一个流行的 JavaScript 库，它可以简化 JavaScript 编写的复杂度。它是免费、开源的，可以跨浏览器使用，支持主流的浏览器。 jQuery 提供了很多的 API 和方法，可以用于 DOM 操作、事件处理、AJAX、动画效果、数据缓存等方面。使用 jQuery 可以让开发者更加轻松地实现复杂的功能，而不需要深入了解底层的 JavaScript 代码。 jQuery 的语法简洁易懂，可以快速上手，例如： ```javascript $(document).ready(function(){ $("button").click(function(){ $("p").hide(); }); }); ``` 这段代码的作用是当文档加载完成后，在按钮被点击时隐藏所有的 `<p>` 元素。其中 `$` 符号是 jQuery 的别名，相当于调用了 `jQuery` 方法，后面的选择器则是用来选择 HTML 元素的。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值