jQuery常用操作(待续)

1. input清空内容
   <1> $("#选择器id").val("");
   <2> $("input[name='input框名称']"); // 选择所有的name属性等于'input框名称'的input元素
   <3> $("input[name!='input框名称']"); // 选择所有的name属性不等于'input框名称'的input元素
   <4> $("input[name^='input框名称']"); // 选择所有的name属性以'input框名称'开头的input元素
   <5> $("input[name$='input框名称']"); // 选择所有的name属性以'input框名称'结尾的input元素
   <6> $("input[name*='input框名称']"); // 选择所有的name属性包含'input框名称'的input元素
   <7> $("input[id][name$='input框名称']"); // 获取全部含有id属性并且该属性以“input框名称”结尾的元素

2. 获取组件内容
   <1> $("#选择器id").text();
   <2> $("div[id]"); // 获取所有id为的div信息
   <3> $("#框id").val(); // 获取input、select框内容
   <4>
   <5>
   <6>

3. 设置组件内容
   $("#选择器id").text("设置的内容");
   $("选择器名称").html(页面内容);
   http://www.w3school.com.cn/jquery/manipulation_html.asp
4. 去除空格
   $.trim($("#组件id"));

5. 显示/隐藏内容
   参考： http://www.w3school.com.cn/tiy/t.asp?f=jquery_effect_show_hide
   <1> $("#divId").show();// 显示指定div
   <2> $("元素标签").show();// 显示指定元素标签内容
   <3> $("#divId").hide();// 隐藏指定div
   <4> $("元素标签").hide();// 隐藏指定元素标签内容

6. 为组件绑定事件
   事件名称: http://www.w3school.com.cn/jsref/jsref_events.asp
   注册的事件需在页面加载的时候注册(绑定)
   <script>
   　　<!--页面加载时，为组件注册事件-->
   　　$(function(){
   　　　　$("#组件名称").on('事件名称',function(e){
       　　　　// 处理逻辑
       　　});
   });
   </script>

7. 选择标签元素组的第一个,并克隆
    $("标签元素:first").clone();

8. 获取iframe父级div块内容
    如下结构：在subDiv2里面的iframe中为subDiv1里面追加元素
    $('#subDiv1', window.parent.document).append("hello");

    <div id='parentDiv'>
        <div id="subDiv1">
            <span>aa</span>
        </div>
        <div id='subDiv2'>
            <iframe id='a' src=""></iframe>
        </div>
    </div>
    参考：https://stackoverflow.com/questions/726816/how-to-access-iframe-parent-page-using-jquery

9. span 内容操作
   //赋值
   $("#spanid").html(value);
   //取值
   $("#spanid").text();

11. 遍历指定标签元素
    参考：http://www.w3school.com.cn/tiy/t.asp?f=jquery_traversing_siblings
    var a = $("标签名称");
    for ( var i=0;i<a.length;i++ ){
        console.log(a[i]);
    }

12. 获取指定属性名称的标签对象
    $("标签名称[属性名称='属性值']");

13. 获取指定标签/选择器对应的兄弟
    参考：http://www.w3school.com.cn/jquery/traversing_siblings.asp
    $("选择器名称(例如:id,class,标签)").siblings();
    如果给定一个表示 DOM 元素集合的 jQuery 对象，.siblings() 方法允许我们在 DOM 树中搜索这些元素的同胞元素，并用匹配元素构造一个新的 jQuery 对象    

14. 对指定DOM对象操作样式
    <1> // 添加OR修改样式
        $("选择器名称(例如:id,class,标签)").css('属性名', '属性值');
        // 参考：http://www.w3school.com.cn/jquery/attributes_addclass.asp
        $("选择器名称(例如:id,class,标签)").addClass('属性值');
    <2> // 移除样式 参考：http://www.w3school.com.cn/tiy/t.asp?f=jquery_attributes_removeclass_func
        $("选择器名称(例如:id,class,标签)").removeClass(function() {
           // 返回需要移除的css样式名称
        });

15. 遍历指定DOM下某一类型的标签/元素
    .eq(index值)
    参考：http://www.w3school.com.cn/jquery/traversing_eq.asp

16. 待定