jQuery 上下文属性context简要介绍

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

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 3.0版中删除了context属性。

发表评论取消回复

登录 注册 找回密码

登录注册找回密码