美文网首页
jQuery学习笔记

jQuery学习笔记

作者: Mark197 | 来源:发表于2019-04-27 23:25 被阅读0次

一、题目

  • 补全下面代码
window.jQuery = ???
window.$ = jQuery

var $div = $('div')
$div.addClass('red') // 可将所有 div 的 class 添加一个 red
$div.setText('hi') // 可将所有 div 的 textContent 变为 hi

二、解决思路

jQuery可以理解为一个构造函数然后接受一个参数并返回一个对象。
首先获取到所有符合的div,通过运行实现题目代码功能

window.jQuery = function (nodeOrSelector){
  let nodes = {}//初始化数组
  if(typeof nodeOrSelector === 'string'){  //类型为字符型为真运行下列代码
  var temp = document.querySelectorAll(nodeOrSelector)//获取所有指定类型为字符型构建为伪数组
  for(let i = 0; i < temp.length; i++){
    nodes[i] = temp[i]
    }
    nodes.length = temp.length//循环列出
  }else if(nodeOrSelector instanceof Node){
      nodes = {o: nodeOrSelector,length = 1}
    }
  return nodes//返回
  }
window.$ = jQuery
var $div = $('div')
$div.addClass('red') 
$div.setText('hi')

相关文章

  • JQuery零基础语法速学

    JQuery学习笔记 1.认识JQuery 简介 JQuery是一个JavaScript库,语法简洁,有跨平台的兼...

  • Struts2学习笔记(核心组件详解)

    [toc] Struts2学习笔记(核心组件详解) @(_1每日记录) 返回到JQuery学习笔记@达内lang笔...

  • 【转】JQuery全面总结

    1、jquery学习总结(超级详细) 转自脚本之家hebedich的投稿 2、jQuery笔记总结篇 转自Poet...

  • 跟我一起学jQuery——第一集

    《锋利的JQuery》第二版阅读笔记-第一章 jQuery对象和DOM对象 想学习jQuery,首先要学会区分jQ...

  • JQuery学习笔记

    JQuery是一个js语言的框架,作用是简化js代码 JQuery优势 简化js代码 可以向css一样通过选择器查...

  • JQuery学习笔记

    写在前面2018-9-11 00:35很久没有学习新知识了,最近几天的毕业季,校招社招面试题真的带给我很大的冲击。...

  • jquery学习笔记

    前言 暑假的时候虽然说学习过一遍jQuery了,但只是眼过一遍,熟悉了基本的使用并没有做记录,趁着学校这两天学校运...

  • jQuery学习笔记

    1.通过CDN(内容分发网络)引用jQueryBaidu CDN: 2.jQuery 语法$(selecto...

  • JQuery学习笔记

    JQuery基础语法 基础语法是:$(selector).action() 美元符号定义 jQuery 选择符(s...

  • jQuery 学习笔记

    1. 两列等高布局如果使用了两个CSS列,使用此种方式可以是两列的高度相同。 2. 检测浏览器 3. 返回顶部按钮...

网友评论

      本文标题:jQuery学习笔记

      本文链接:https://www.haomeiwen.com/subject/lcalnqtx.html