本文将介绍用jQuery和JavaScript实现相同操作的等价代码，大家可以一起操作一下。

选择元素

//jQueryvar ele = $(".ele");

//javascriptvar ele = document.querySelectAll('.ele');

//函数法var $ = function(ele){

    return document.querySelectAll(ele);

}

var ele = $('.ele'); //调用

创建元素

//jqueryvar newEle = $('<div>xxx</div>');

//javascriptvar newEle = document.createElement('<div>xxx</div>');

添加事件监听器

//jQuery

$('.ele').on('event',function(){

});

//javascript

[].forEach.call(document.querySelectAll('.ele'),function(ele){

    ele.addEventListener('event',function(){

    },false);

})

设置/获取属性

//jQuery

$('.ele').attr('key','value');

$('.ele').attr('key');

//javascriptdocument.querySelector('.ele').setAttribute('key','value');document.querySelector('.ele').getAttribute('key');

添加/移除/切换类

//jQuery

$('.ele').addClass('class');

$('.ele').removeClass('class');

$('.ele').toggleClass('class');

//javascriptdocument.querySelector('.ele').classList.add('class');document.querySelector('.ele').classList.remove('class');document.querySelector('.ele').classList.toggle('class');

附加内容（Append）

//jquery

$('.ele').append('<div>xxx</div>');

//javascriptdocument.querySelector('.ele').appendChild(document.createElement('<div>xxx</div>'));

克隆元素

//jQueryvar cloneEle = $('.ele').clone();

//javascriptvar cloneEle = document.querySelector('.ele').cloneNode(true);

移除元素

//jQuery

$('.ele').remove();

//javascript

remove('.ele');

function remove(ele){

    var toRemove = document.querySelector(ele);

    toRemove.parentNode.removeChile(toRemove);

}

获取父元素

//jQuery

$('.ele').parent();

//javascriptdocument.querySelector('.ele').parentNode;

上一个/下一个元素

//jQuery

$('.ele').prev();

$('.ele').next();

//javascriptdocument.querySelector('.ele').previousElementsibling;document.querySelector('.ele').nextElementSibling;

XHR或AJAX

//jQuery

$.get('url',function(data){

})

$.post('url',{data: data},function(){

})

//javascript//getvar xhr = new XMLHttpRequest();

xhr.open('GET',url);

xhr.onreadystatechange = function(data){

}

xhr.send();

//postvar xhr = new XMLHttpRequest();

xhr.open('POST',url);

xhr.onreadystatechange = function(data){

}

xhr.send({data: data});

这些只是很少的一部分，不能等到哪一天变成只会用jQuery了， O(∩_∩)O~

希望这篇文章可以帮助到你。总之，同学们，你想要的职坐标IT频道都能找到！