jQuery 上下文属性context简要介绍

2021年3月13日16:32:33 发表评论 560 次浏览

DOM节点上下文包含传递给jQuery()的原始文档, 如果没有传递任何节点, 则这是一个dom节点上下文, 则上下文将是文档。

语法如下:

context

例子:

<!DOCTYPE html>
< html >
  
< head >
     < meta charset = "utf-8" >
     < title >
       context demo
   </ title >
     < script src =
             "https://code.jquery.com/jquery-1.10.2.js" >
   </ script >
    
   < script >
     $(document).ready(function() {
         $("button").click(function() {
             $("ul")
              .append("< li >" + $("ul")
                    .context + "</ li >")
                 
              .append("< li >" + $("ul", document.body)
                    .context.nodeName + "</ li >");
             });
         });
     </ script >
</ head >
  
< body >
  
     < h1 style = "color:green;" > 
lsbin 
</ h1 > Context:
     < ul ></ ul >
     < button >Click</ button >
  
</ body >
  
</ html >

输出如下:

点击前:

jQuery |上下文属性1

点击后:

jQuery |上下文属性2

注意:在jQuery 3.0版中删除了context属性。


木子山

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: