zoukankan      html  css  js  c++  java
  • js与jquery基础知识对比(一)---2017-05-06

    用表格做的,想要对比的内容一目了然,红色部分为重点

     

    js

    jquery

    取元素

    id:

    document.getElementById("aa");

    取到的是dom对象

    class:

    var a=document.getElementsByClassName("aa");

    取到的是dom对象集

    a.[0]取到的是第一个class名为aa的元素

    tag:

    document.getElementsByTagName("div");

    name:

    document.getElementsByName("aa");

    ID

    $a=$("#aa")

    取到的是jquery对象;

    $a[0] 取到的是dom对象

    Class:

     $a=$(".aa")

    取到的是jquery对象;

    $a.eq(0)取到的是dom对象集;

    $a.eq(0)[0]取到的是第一个class名为aa的元素

    tag:

    Tag:  $("div")

    根据属性

    $("[bs=1]")

    操作内容

    非表单元素:

    赋值:a.innerText = "ceshi";

    取值:alert(a.innerText);

    赋值:a.innerHTML = "ceshi";

    取值:alert(a.innerHTML);

    非表单元素:

    赋值:a.text("hello");

    取值 alert(a.text());

    赋值:a.html("aaa");

    取值:alert(a.html());

    表单元素:

    赋值:a.value = "请输入用户名";

    取值:alert(a.value);

    表单元素:

    赋值:a.val("aa");  

    取值:alert(a.val());

    操作属性

     

    a.getAttribute("bs");获取属性

    a.setAttribute("test","test");  添加属性

    a.removeAttribute("bs");   移除属性

    a.attr("bs"));   获取属性

    a.attr("test","test"); 添加属性

    a.removeAttr("bs"); 移除属性

    操作样式

    alert(a.style.color); 获取样式

    a.style.color = "green"; 设置样式

    注:

    1、只能操作内联

    2、style里的background-color属性在js中会变成backgroundColor

    alert(a.("color")); 获取样式

    a.css("background-color","red");设置样式

    注:

    1、可以操作内联,内嵌,外部

    2、style里的background-color属性在jquery中不变

    加事件

     

    onblur="b()"

    $("#cc").blur(function(){  

    alert("失去焦点了");

    })

    注:没有函数名的函数为匿名函数

  • 相关阅读:
    。。。剑指Offer之——用两个栈实现队列。。。
    。。。剑指Offer之——从尾到头打印链表。。。
    。。。剑指Offer之——替换空格。。。
    。。。剑指Offer之——二维数组中的查找。。。
    。。。归并排序。。。
    。。。快速排序。。。
    。。。冒泡排序。。。
    。。。选择排序。。。
    。。。Shell排序。。。
    Activiti学习笔记2 — HelloWorld
  • 原文地址:https://www.cnblogs.com/chenguanai/p/6831356.html
Copyright © 2011-2022 走看看