• 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. 待定
  • 相关阅读:
    字符串-串的最大表示-后缀数组-1163. 按字典序排在最后的子串
    动态规划-买卖股票的最佳时机 V
    贪心-到达终点数字
    贪心-优先队列-模拟-任务调度器
    滑动窗口-区间统计
    快速排序-无序数组K小元素
    POJ 2299 Ultra-QuickSort【树状数组 ,逆序数】
    POJ 2976 Dropping tests【二分 最大化平均值】
    POJ 1064 Cable master 【二分答案】
    POJ 3190 Stall Reservations 【贪心 优先队列】
  • 原文地址:https://www.cnblogs.com/lvlin241/p/8759692.html
Copyright © 2020-2023  润新知