jQuery常用操作

$node.append()

$( ".inner" ).append( "<p>Test</p>" );
$( "body" ).append( $newdiv1, [ newdiv2, existingdiv1 ] );
$( "p" ).append( "<strong>Hello</strong>" );
$( "p" ).append( $( "strong" ) );
$( "p" ).append( document.createTextNode( "Hello" ) );

$node.prepend()

$( ".inner" ).prepend( "<p>Test</p>" );向对象头部追加内容,用法和append类似,内容添加到最开始

$node.remove()

$("#div1").remove();删除被选元素(及其子元素)

$node.before() $node.after()

在对象前面(不是头部,而是外面,和对象并列同级)插入内容
$( ".inner" ).before( "<p>Test</p>" );
$( ".container" ).before( $( "h2" ) );
$( "p" ).first().before( newdiv1, [ newdiv2, existingdiv1 ] );
$( "p" ).before( "<b>Hello</b>" );
$( "p" ).before( document.createTextNode( "Hello" ) );

$node.html()

这是一个读写两用的方法,用于获取/修改元素的innerHTML
当没有传递参数的时候,返回元素的innerHTML
当传递了一个string参数的时候,修改元素的innerHTML为参数值
$('div').html()
$('div').html('123')

$node.text()

和html方法类似,操作的是DOM的innerText值

$node.empty()

$node.val()

$node.attr()

$node.css()

$node.addClass()

$node.removeClass()

$node.hasClass()

$node.toggleClass()

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、样式篇 第1章 初识jQuery (1)环境搭建 进入官方网站获取最新的版本 http://jquery.co...
    凛0_0阅读 3,466评论 0 44
  • 选择器 元素选择器 $("p")属性选择器 $("[href]")$("href$='.jpg'") //所...
    Bookish倩宝阅读 512评论 0 1
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,202评论 0 1
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,379评论 0 2
  • 概述:1)jQuery是一种框架,对于浏览器的兼容问题,95%不用再去考虑了。2)jQuery利用选择器(借鉴了C...
    南山伐木阅读 267评论 0 1