JQuery

  • jQuery 本质上虽然也是 JS,但如果想使用 jQuery 的属性和方法那么必须保证对象是 jQuery 对象,而不是 JS 方式获得的 DOM 对象,二者的 API 方法不能混合使用,若想使用对方的 API,需要进行对象的转换。

  • JS 的 DOM 对象转换成 jQuery 对象

    //$(JS 的 DOM 对象);
    
    // JS方式,通过id属性值获取div元素
    let jsDiv = document.getElementById("div");
    alert(jsDiv.innerHTML);
    //alert(jsDiv.html());  JS对象无法使用jQuery里面的功能
    
    // 将 JS 对象转换为jQuery对象
    let jq = $(jsDiv);
    alert(jq.html());
    
  • jQuery 对象转换成 JS 对象

    /*jQuery 对象[索引];
    jQuery 对象.get(索引);*/
    
    // jQuery方式,通过id属性值获取div元素
    let jqDiv = $("#div");
    alert(jqDiv.html());
    // alert(jqDiv.innerHTML);   jQuery对象无法使用JS里面的功能
    
    // 将 jQuery对象转换为JS对象
    let js = jqDiv[0];
    alert(js.innerHTML);
    
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • [if !supportLists]第一章 [endif]介绍 [if !supportLists]一、[endi...
    海绵宝宝_b8a2阅读 320评论 0 0
  • 一:认识jquery jquery是javascript的类库,具有轻量级,完善的文档,丰富的插件支持,完善的Aj...
    xuguibin阅读 1,727评论 1 7
  • javaScript,给页面添加动态效果和内容的 历史:1995年由网景公司发布 LiveScript同年更名为J...
    MrSaint王阅读 228评论 0 0
  • 一.jQury的引入 jQuery的优势 轻量级 强大的选择器 出色的DOM操作 可靠的事件处理机制 完善的Aja...
    空谷悠阅读 547评论 0 2
  • jQuery是什么样的 jQuery是一个轻量级的javascript框架。是继PROTOTYPE之后出现的非常优...
    熊少文阅读 637评论 0 1