append替换代码后jquery不起作用_jQuery的简单使用

前言

jQuery是一个快速、简洁的JavaScript框架，jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。而且jQuery独特的链式语法和简洁易懂的接口非常方便使用。

jQuery 如何获取元素

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

$('#myId') //获取ID为myId的元素

$('div.myClass') //获取class为myClass的元素

$('input[name=first]') //获取name属性等于first的input元素

jQuery 的链式操作是怎样的

在使用jQuery选择元素后，可以对该元素进行一系列的操作，这也是jQuery最令人称道也最方便的特点

$('div').find('h3').eq(2).html('hello')

jQuery 如何创建元素

只需把新元素传入jQuery就可以创建元素

$('<p>Hello</p>')

jQuery 如何移动元素

jQuery提供了两种方法来实现相同效果，区别是返回的元素不同

$('div').insertAfter($('p')) //返回div

$('p').after($('div')) //返回p

jQuery一共提供了4对类似的方法：

• .insertAfter()和.after()
• .insertBefore和.before()
• .appendTo()和.append()
• .prependTo()和.prepend()

jQuery 如何修改元素的属性

jQuery可以做到使用同一函数来完成取值(getter)赋值(setter)，具体是取值还是复制尤函数的参数决定

$('h1').html() //html()没有参数，表示取出h1的值

$('h1').html('Hello') //有参数，表示对h1进行赋值

常见的取值赋值函数有：

• .html() 取出或设置html内容
• .text() 取出或设置text内容
• .attr() 取出或设置某个属性的值
• .val() 取出或设置某个表单元素的值

总结

jQuery还有非常多方便使用的语法等待大家去学习，虽然现在已经是2020年，jQuery可能已经不在新项目中使用，但现存的大部分网站还是脱离不了jQuery的使用，而且jQuery的设计思路会帮助我们更好地理解js的知识。

使用参考：

jQuery API 中文文档 | jQuery 中文网​www.jquery123.com