jQuery小功能

window.jQuery = function(nodesOrselector){
var node = {}
if(typeof nodesOrselector === 'string'){
node = document.querySelectorAll(nodesOrselector)
}else{
node = nodesOrselector
}
return {
addClass:function(color){
node.forEach(function(eleNode){
eleNode.classList.add(color)
console.log(eleNode.classList)
})
},
setText:function(text){
node.forEach(function(eleNode){
eleNode.textContent = text
})
}
}
}

window.$ = jQuery

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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 阮一峰jQuery 不要学jquery mobile 获取某个节点的所有兄弟姐妹 ul>li[id=item$]{...
    tsl1127阅读 432评论 0 2
  • 一、样式篇 第1章 初识jQuery (1)环境搭建 进入官方网站获取最新的版本 http://jquery.co...
    凛0_0阅读 3,746评论 0 44
  • //------------------------- 第一章 认识JQuery ----------------...
    米塔塔阅读 840评论 0 9
  • 选择器选择器是jQuery的核心。 事件 动画 扩展
    wyude阅读 575评论 0 1
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,307评论 0 1

友情链接更多精彩内容