今日学习打卡

jQuery

1. 学习了两种遍历方式

//第一种主要遍历dom对象
    $('div').each(function (index, domEle) {
        console.log(index);
        //第二个参数是dom对象，要先转换
        console.log($(domEle));
    })
    //第二种遍历方法,主要用于处理数据，可以遍历任何对象，数组等
    $.each($('div'), function (i, element) {
        //第一个参数是索引，第二个是对应值，类似java的foreach
    })

2. 关于设置和获取属性的几种方式
   对于style里的属性：
   返回属性值
   $(“p”).css(“属性名”);
   设置属性值
   $(“p”).css(“属性名”,“属性值”);
   设置多个
   $(“p”).css({“background-color”:“yellow”,“font-size”:“200%”});
   对于标签自带的属性：
   返回属性的值：
   $(selector).prop(property)
   设置属性和值：
   $(selector).prop(property,value)
   使用函数设置属性和值：
   $(selector).prop(property,function(index,currentvalue))
   设置多个属性和值：
   $(selector).prop({property:value, property:value,…})
   注意点
   prop() 方法设置或返回被选元素的属性和值。
   当该方法用于返回属性值时，则返回第一个匹配元素的值。
   当该方法用于设置属性值时，则为匹配元素集合设置一个或多个属性/值对。
   注意：prop() 方法应该用于检索属性值，例如 DOM 属性（如 selectedIndex, tagName, nodeName, nodeType, ownerDocument, defaultChecked, 和 defaultSelected）。
   对于自定义属性
   返回属性的值：
   $(selector).attr(attribute)
   设置属性和值：
   $(selector).attr(attribute,value)
   使用函数设置属性和值：
   $(selector).attr(attribute,function(index,currentvalue))
   设置多个属性和值：
   $(selector).attr({attribute:value, attribute:value,…})

prop 和 attr 均可获取属性值，但 prop 不扫描源码来获取而是根据页面的信息。

3. 关于新元素
   以jquery方式创建：

  var txt2=$("<p></p>")

或者通过html()
添加元素方式：
append() - 在被选元素内部的结尾插入内容，父子关系
prepend() - 在被选元素内部的开头插入内容，父子关系
after() - 在被选元素之后插入内容，兄弟关系
before() - 在被选元素之前插入内容，兄弟关系
删除元素方式：
remove() - 删除被选元素（及其子元素）
empty() - 从被选元素中删除子元素