jQuery vs JavaScript

jQuery 旨在处理浏览器不兼容性并简化 HTML DOM 操作、事件处理、动画和 Ajax。

设置文本内容

           jQuery：

                            var obj= $("#id");

               obj.text("   ");

          JavaScript：

                               obj.textContent= "    ";

jq选择器;$("#id") ,   $("标签名"),     $(".class"),        $("CSS选择器")

获取文本内容              

             jQuery：

                           

              obj .text();

          JavaScript：

               obj .textContent 或 obj .innerText

设置HTML内容

   jQuery：

        obj  .html("<p>Hello World</p>")

  JavaScript：

        obj  .innerHTML = "<p>Hello World</p>"

获取HTML内容

    jQuery：

         obj .html()

  JavaScript：

          obj.innerHTML

隐藏HTML元素

  jQuery：

          obj.hide()

  JavaScript：

          obj .style.display="none"

显示HTML元素

  jQuery：

          obj.show()

  JavaScript：

          obj .style.display=""

 

样式化HTML

            

jQuery：

          obj.css("样式名","样式值")

  JavaScript：

          obj .style.样式名="样式值"

删除元素

jQuery：

          obj.remove；//直接删除

JavaScript：

          obj .parentNode.removeChild(obj)//通过父节点删除

获取父元素

jQuery：

          obj.parent()；

 JavaScript：

          obj .parentNode