本篇对jquery的使用做出了相关的总结。
jQuery是一个小巧的，快速的，功能强大的JavaScript库。它通过一些易用的API简化了许多事情，例如：DOM操作、事件监听、动画、AJAX等等。
jQuery对象和DOM原生对象有什么区别？如何转化？
假设这么一个HTML片段
我们可以通过jQuery方法或原生DOM方法获取到这个元素节点
$("#btn1"); //jQuesy方法；document.querySelector("#btn1"); //原生DOM方法； 登录后复制
通过这两种方法获得的元素对象是两个完全不一样的对象。
两种对象之间可以相互转换
$("#btn1")[0]; //jQuery对象转为原生DOM对象，用索引获取到对应的元素对象；$(document.querySelector("#btn1")); //DOM元素对象用$包裹，就得到jQuery对象；
jQuery中如何绑定事件？bind、unbind、delegate、live、on、off都有什么作用？推荐使用哪种？使用on绑定事件使用事件代理的写法？
在jQuery中，我们可以使用on()方法绑定事件
$("#btn1").on("click",function() { //最简单的事件绑定；
console.log("hello world");
}） 登录后复制
其他的事件绑定方法
unbind(),该方法可以移除bind()方法绑定的事件，不传递参数的情况下，将删除所有的事件，传递参数可以删除指定的事件和事件处理函数
delegate()方法是1.7版本以前常用的事件代理方法，现已被on()取代。接受这么几个参数：
live()也是一种事件代理的方法，附加一个事件处理程序到选择器匹配的所有元素，但是它把事件直接绑定在document上，通过相关参数来确定是否触发事件
on()是现在绑定事件的常用方法，接受这么几个参数
off()方法可以移除on()方法绑定的事件，不传递参数的情况下，将删除所有的事件，传递参数可以删除指定的事件和事件处理函数
jQuery事件代理写法
<ul id="container">
<li>content1</li>
<li>content2</li>
<li>content3</li></ul> 登录后复制
我们可以使用on()方法，并提供相关参数，就可以完成事件代理
//将事件绑定在父容器上，只有满足过滤选择器的的子元素才能触发事件$("#container").on("click","li",function() { //do something..})
jQuery 如何展示/隐藏元素？
jQuery中通过hide()方法隐藏元素，其接受三个参数：
$(element).hide()
--------
$(element).hide(3000,function() {
alert("hello world")
}) 登录后复制
登录后复制
同样，jQuery中使用show()方法来展示隐藏的元素，使用方法与hide()相同
jQuery动画如何使用？
jQuery中通过hide()方法隐藏元素，其接受三个参数
$(element).hide()
--------
$(element).hide(3000,function() {
alert("hello world")
}) 登录后复制
登录后复制
同样，jQuery中使用show()方法来展示隐藏的元素，使用方法与hide()相同
fadeIn()/fadeOut用调整元素透明度的方法来显示/隐藏元素，一旦透明度变为0，display将设置为none，接受参数与hide()、show()相同
$(element).fadeIn()
fadeTo以动画的形式调整元素到指定的透明度，接受这几个参数：
$(element).fadeTo(1000,0.5) //在1s内透明度变化到0.5 登录后复制
fadeToggle会通过改变透明度的方式显示和隐藏元素，如果元素是隐藏的，则显示，显示的，则隐藏，参数与fadeIn()``fadeOut()相同
fadeIn()/fadeOut和show()/hide()的区别：
slideUp()/slideDown()通过上下滑动来实现元素的隐藏/显示，接受参数与show()/hide()相同
animate()是自定义动画方法，接受这几个参数
$(element).animate({//something})
.animate({//something})
.animate({//something})
.animate({//something}) 登录后复制
多个动画可以整合到一个数组中，对数组进行遍历，执行所有动画
var action = [{//action1},
{//action2},
{//action3},
{//action4}]action.forEach(function(action,index) {
${element}.animate(action)
}) 登录后复制
stop()方法可以停止当前动画，它接受2个参数：
如何设置和获取元素内部 HTML 内容？如何设置和获取元素内部文本？
在原生DOM中，我们可以使用innerText操作元素文本，innerHTML操作元素内的HTML
<ul id="container">
<li>content1</li></ul>
$("#container").html() //"<li>content1</li>"$("#container").text() //"content1" 登录后复制
如何设置和获取表单用户输入或者选择的内容？如何设置和获取元素属性？
val()方法可以用来获取和设置input的value
$(element).attr("id") //获取元素id属性值$(element).attr("id","container") //设置元素id值为container 登录后复制
本篇对jquery的作用进行了相关的讲解，更多相关内容请关注php中文网。
相关推荐：
关于前端跨域总结的相关知识点
前端常见跨域解决方案（全）
什么是跨域？跨域有几种实现形式？
以上是jQuery 能做什么？的详细内容。更多信息请关注PHP中文网其他相关文章！
