jquery(代码片段)

roygood roygood     2023-01-09     639

关键词:

jQuery 对象就是通过jQuery包装DOM对象后产生的对象。jQuery 对象是 jQuery 独有的如果一个对象是 jQuery 对象那么它就可以使用 jQuery 里的方法: $(“#test”).html();

jquery的基础语法:$(selector).action()

 

选择器

 基本选择器    

$("*")  $("#id")   $(".class")  $("element")  $(".class,p,div")

 层级选择器   

$(".outer div")  $(".outer>div")   $(".outer+div")  $(".outer~div")

基本筛选器    

$("li:first")  $("li:eq(2)")  $("li:even") $("li:gt(1)")

 属性选择器 

$(‘[id="div1"]‘)   $(‘["alex="sb"][id]‘)

表单选择器    

$("[type=‘text‘]")----->$(":text")         注意只适用于input标签  : $("input:checked")

 筛选器

过滤筛选器 

$("li").eq(2)  $("li").first()  $("ul li").hasclass("test")

 查找筛选器

$("div").children(".test")         $("div").find(".test")  
                               
$(".test").next()        $(".test").nextAll()    $(".test").nextUntil()

$("div").prev()        $("div").prevAll()    $("div").prevUntil()

$(".test").parent()        $(".test").parents()    $(".test").parentUntil()
$("div").siblings()

 操作元素(属性,css,文档处理)

属性操作

--------------------------属性
$("").attr();
$("").removeAttr();
$("").prop();
$("").removeProp();
--------------------------CSS类
$("").addClass(class|fn)
$("").removeClass([class|fn])
--------------------------HTML代码/文本/值
$("").html([val|fn])
$("").text([val|fn])
$("").val([val|fn|arr])
---------------------------
$("").css("color","red")

文档处理

//创建一个标签对象
    $("<p>")


//内部插入

    $("").append(content|fn)      ----->$("p").append("<b>Hello</b>");
    $("").appendTo(content)       ----->$("p").appendTo("div");
    $("").prepend(content|fn)     ----->$("p").prepend("<b>Hello</b>");
    $("").prependTo(content)      ----->$("p").prependTo("#foo");

//外部插入

    $("").after(content|fn)       ----->$("p").after("<b>Hello</b>");
    $("").before(content|fn)      ----->$("p").before("<b>Hello</b>");
    $("").insertAfter(content)    ----->$("p").insertAfter("#foo");
    $("").insertBefore(content)   ----->$("p").insertBefore("#foo");

//替换
    $("").replaceWith(content|fn) ----->$("p").replaceWith("<b>Paragraph. </b>");

//删除

    $("").empty()
    $("").remove([expr])

//复制

    $("").clone([Even[,deepEven]])

css操作

CSS
        $("").css(name|pro|[,val|fn])
    位置
        $("").offset([coordinates])
        $("").position()
        $("").scrollTop([val])
        $("").scrollLeft([val])
    尺寸
        $("").height([val|fn])
        $("").width([val|fn])
        $("").innerHeight()
        $("").innerWidth()
        $("").outerHeight([soptions])
        $("").outerWidth([options])

事件

 

jquery(代码片段)

jQuery 对象就是通过jQuery包装DOM对象后产生的对象。jQuery 对象是 jQuery 独有的. 如果一个对象是 jQuery 对象, 那么它就可以使用 jQuery 里的方法:$(“#test”).html();jquery的基础语法:$(selector).action()... 查看详情

textaccordian(jquery)(代码片段)

查看详情

学习jquery(代码片段)

jQuery学习本篇主要参考菜鸟教程jQuery安装BootCDN<scriptsrc="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js">百度<scriptsrc="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">jQuery语法通过jQuery,可以选 查看详情

markdown在wordpress中使用jquery代码片段(代码片段)

查看详情

jquery(代码片段)

jQuery对象jQuery对象就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的。虽然jQuery对象是包装DOM对象后产生的,但是jQuery无法使用DOM对象的任何方法,同理DOM对象也不能使用jQuery里的方法。虽然jQuery对象是包装DOM对象... 查看详情

jquery快速入门(代码片段)

知识内容:1.jQuery大致了解2.jQuery基础语法3.jQuery事件4.jQuery动画效果5.jQuery补充 参考:http://www.cnblogs.com/liwenzhou/p/8178806.htmljQuery官网:https://jquery.com/jQuery中文文档:http://jquery.cuishifeng.cn/  &nbs 查看详情

jquery插件扩展方法(代码片段)

jQuery为扩展插件提拱了两个方法,分别是:jQuery.extend(object) —— 给jQuery对象添加方法。jQuery.fn.extend(object)—— 为扩展jQuery类本身.为类添加新的方法;  fn表示什么呢?下面代码是jQuery源代码中定义的fn:jQuery.... 查看详情

jquery(代码片段)

1.为什么使用jQuery使用js写代码时,会遇到一些问题1.window.onload事件有事件覆盖的问题,因此只能写一个事件。2.代码容错性能差。3.浏览器兼容性问题。4.书写繁琐,代码量多。5.代码很乱,各个页面到处都是。6.动画效果很难实... 查看详情

jquery简介(代码片段)

jQueryjQuery简介jQuery特点jQuery的使用方式jQuery与JavaScript的区别jQuery中的加载事件jQuery对象jQuery简介jQuery是一个快速、简洁的JavaScript库,其设计宗旨是“writeless,domore”,倡导用更少的代码,做更多的事情。jQuery特... 查看详情

前端—jquery(代码片段)

什么是jQuery?jQuery是一个工具,简单方便实现DOM操作,python里可以叫模块,但在前端叫“类库“”jQUery我们在声明一个jQuery对象变量的时候在变量名前面加上$:var$variable=jQuery对像varvariable=DOM对象$variable[0]//jQuery对象转成D... 查看详情

jquery的安装(代码片段)

一.jQuery的安装下载jQuery有两个版本的jQuery可供下载:Productionversion-用于实际的网站中,已被精简和压缩。Developmentversion-用于测试和开发(未压缩,是可读的代码)以上两个版本都可以从 jquery.com 中下载。(https://jquery.com... 查看详情

jquery(代码片段)

jQuery为什么要用jQueryjs书写代码时,会遇到一些问题window.onload事件有事件覆盖的问题,因此只能写一个事件代码容错性差浏览器兼容性问题书写很繁琐,代码量多代码量乱,各个页面到处都是动画效果难以实现jQuery是什么jQuery是js的一... 查看详情

jquery总结(代码片段)

1.什么是jQuery?  jQuery是一个快速、简洁的JavaScript框架。jQuery设计的宗旨是“writeLess,DoMore”,即写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作(DOM)... 查看详情

jquery入门(代码片段)

jQuery简介jQuery是一个快速、简洁的JavaScript框架jQuery设计的宗旨是“WriteLess,DoMore”,即倡导写更少的代码,做更多的事情它封装JavaScript常用的功能代码,优化HTML文档操作、事件处理、动画设计和Ajax交互导入方式本地文件<scri... 查看详情

javascriptwpwrapper中的jquery(代码片段)

查看详情

jquery(代码片段)

whatisjQuery?jQueryisafast,small,andfeature-richJavaScriptlibrary.ItmakesthingslikeHTMLdocumenttraversalandmanipulation,eventhandling,animation,andAjaxmuchsimplerwithaneasy-to-useAPIthatworksacrossamu 查看详情

markdowngistembed示例:jquery(代码片段)

查看详情

html使用jquery(代码片段)

查看详情