浅谈 jQuery

1.jQuery 如何获取元素

$('#x') 获取id为x的元素

$('.red') 获取class为red的元素

$('div.red') 获取class为red的所有div元素

$(document) 获取整个文档对象

2.jQuery 的链式操作是怎样的

jQuery设计的一大特点是,获取到了某个网页元素就可以对它进行操作,并且可以操作一次后继续操作,这就是jQuery的链式操作

它的原理在于每一步的jQuery操作,返回的都是一个jQuery对象,所以不同操作可以连在一起

3.jQuery 如何创建元素

使用jQuery构造函数直接创建元素

$('<div><span>1</span></div>') 创建一个div元素,div里有一个span元素,然后

.appendTo(document.body) 可以把这个创建出来的元素插入body里

4.jQuery 如何移动元素

$('div').insertAfter($('p')) 在p元素后面插入div元素

$('p').after('div') 把p元素加到div元素前面

这两种方式效果是一样的,只不过操作的对象不同,所以可以根据自己的需求来选择

5.jQuery 如何修改元素的属性

$('#p').attr('class') 获取id为p的元素的class属性

$('#p').attr('class','red') 如果有第二个参数,就是给p元素的class加一个red属性

这是一个getter/setter模式。就是指这个函数,既可以读也可以写。

$('#p').addClass('blue') 给id为p的元素增加一个blue的class属性

$('#p').removeClass('yellow') 删除id为p的元素的yellow的class属性

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

相关阅读更多精彩内容

  • jquery介绍 jQuery是目前使用最广泛的javascript函数库。据统计,全世界排名前100万的网站,有...
    1263536889阅读 400评论 0 1
  • 每一个学习Javascript的程序猿,都对jQuery不陌生。因为在工作中,如果用原生的JS和DOM来编写代码...
    麻不烧阅读 586评论 0 1
  • [if !supportLists]第一章 [endif]介绍 [if !supportLists]一、[endi...
    海绵宝宝_b8a2阅读 367评论 0 0
  • 一.什么是jQuery jQuery是一个JavaScript库,它通过封装原生的JavaScript函数得到一整...
    love2013阅读 639评论 0 4
  • 什么是javaScript框架库 普通JavaScript的缺点:每种空间的操作方式不同意,不同浏览器下有区别封装...
    cj小牛阅读 553评论 0 0

友情链接更多精彩内容