⑴ jQuery的操作方式有哪些
一、選取DOM元素
jQuery的核心是通過各種選擇器，選中DOM元素，可以用querySelectorAll方法模擬這個功能。
var $ = document.querySelectorAll.bind(document);
這里需要注意的是，querySelectorAll方法返回的是NodeList對象，它很像數組（有數字索引和length屬性），但不是數組，不能使用pop、push等數組特有方法。
二、DOM操作
DOM本身就具有很豐富的操作方法，可以取代jQuery提供的操作方法。
尾部追加DOM元素。
// jQuery寫法
$(parent).append($(child));
// DOM寫法
parent.appendChild(child)
頭部插入DOM元素。
// jQuery寫法
$(parent).prepend($(child));
// DOM寫法
parent.insertBefore(child, parent.childNodes[0])
刪除DOM元素。
// jQuery寫法
$(child).remove()
// DOM寫法
child.parentNode.removeChild(child)
⑵ jQuery 的功能
該博客基於阮一峰前輩在2011年所做的分享（原鏈接： http://www.ruanyifeng.com/blog/2011/07/jquery_fundamentals.html ）
jQuery的核心就是：可以選擇某個網頁元素,然後對其進行某種操作
我們可知jQuery是一個構造函數，那麼我們就可以通過選擇表達式，把選中的元素，放進jQuery構造函數（$）當中，從而得到選中的元素。
而選擇表達式可以是CSS選擇器：
也可以是jQuery特有的表達式：
在jQuery當中最終選中網頁元素以後，可以對它進行一系列操作，並且所有操作可以連接在一起，以鏈條的形式寫出來，比如：
拆解開來，就是：
這是jQuery最令人稱道、最方便的特點。它的原理在於每一步的jQuery操作所返回的都是一個jQuery對象，所以不同操作可以連在一起。
jQuery還提供了.end()方法，使得結果集可以後退一步：
創建新元素的方法非常簡單，只要把新元素直接傳入jQuery的構造函數就行了：
操作元素在網頁中的位置移動有兩種方法：
（1）直接移動該元素；
（2）移動其他元素，使得目標元素達到我們想要的位置。
（1）方法是使用.insertAfter()，把div元素移動p元素後面：
（2）方法是使用.after()，把p元素加到div元素前面：
表面上看，這兩種方法的效果是一樣的，唯一的不同似乎只是操作視角的不同。但是實際上，它們有一個重大差別，那就是返回的元素不一樣。第一種方法返回div元素，第二種方法返回p元素。你可以根據需要，選擇到底使用哪一種方法。
使用這種模式的操作方法，一共有四對：
text(?) //讀寫文本內容
用於返回內容時，則返回所有匹配元素的文本內容（會刪除 HTML 標記）。
用於設置內容時，則重寫所有匹配元素的內容。
html(?) //讀寫HTML內容
設置或返回被選元素的 innerHTML（文本 + HTML 標記）
attr('title',?) // 讀寫屬性
設置或返回被選元素的屬性值。
css({color:'red'}) //讀寫style
設置或返回被選元素的一個或多個樣式屬性。
addClass('blue')
向被選元素添加一個或多個類。
該方法不會移除已存在的 class 屬性，僅僅添加一個或多個 class 屬性。
on('click',fn)
支持動態綁定元素，即頁面上元素有添加或變化後仍可綁定,前提是selector須是目標綁定元素的父元素
off('click',fn)
用於移除通過 on()方法添加的事件處理程序
⑶ 如何使用jQuery將元素移動到另一個元素中
想要使用jQuery將元素移動到另一個元素中，可以使用jQuery的內置方法append()或prepend()。下面本篇文章就來給大家介紹一下，希望對大家有所幫助。
方法1：使用append()方法
jQuery的append()方法用於在所選元素的末尾插入一些內容。
語法：
參數： 此方法接受上述兩個參數
●content：它是必需參數，用於指定要在所選元素末尾插入的內容。content的可能值是HTML元素，jQuery對象和DOM元素。
●function（index，html）：它是可選參數，用於指定將返回要插入的內容的函數。
●index：用於返回元素的索引位置。
●html：用於返回所選元素的當前HTML。
示例：
效果圖：
方法2：使用prepend()方法
prepend()方法是jQuery中的內置方法，用於在所選元素的開頭插入指定的內容。
語法：
參數： 此方法接受上述兩個參數
●content：需要參數，用於指定需要插入的內容。
●function：可選參數，用於指定調用後執行的函數。
示例：
效果圖：
更多 前端開發 知識，請查閱 HTML中文網 ！！