continue 与 break
continue 用于跳过循环中的一个迭代，并继续执行循环中的下一个迭代。continue 与 break 语句的区别是， break 是结束整个循环体，continue是结束单次循环。
@H_403_15@但是，在执行continue 语句时，表现出了两种不同类型的循环：
在 while 循环中，会先判断条件，如果条件为 true，循环再执行一次。
在 for 循环中，自增长表达式 (如：i++) 会先计算，然后再判断条件是否为true，再决定是否执行迭代。
jQuery
jQuery.noConflict() :
把变量$的控制权让渡给其他的JavaScript库;
jQuery方法由$(id) >> jQuery(id)
checkBox 的选中状态:
$(" :checkBox").click(function () {
var This = $(this);
if (This.is(":checked")) {
alert(This.val())
} else {
alert('这是没选中状态');
}
})map :
jquery 中有两个map
map()函数
用于处理当前jQuery对象匹配的所有元素，并将处理结果封装为新的数组.一般使用get()得到这个数组
简单来说： 就是将一组元素转换为数组（不论是否是元素数组）
var c = $(".menu div").map(function (index,ele) {
return $(this); //$(this) 永远指的是每一个遍历的对象
})
var arr2 = c.get();
console.log(c); // Jquery DomObject
console.log($.type(c )); // object
console.log(arr2); // Js Dom
console.log($.type(arr2) ); // array get()得到的是 Array() </code></pre>
$.map()方法
/** 使用 指定函数处理数组中的每个元素(或对象的每个属性)，并将处理结果封装为新的数组返回。
* 遍历数组,对象,DOM节点
* @param {Object} Array/Object类型 指定的需要处理的数组或对象。
* @param {Function} callback 指定的处理函数。
* @return {Array} callback函数返回值将作为结果数组中的一个元素，如果返回值为null或undefined，则不会被添加到结果数组中。
*/
$.map( object,function(intm /*当前迭代的元素或属性值*/,index/*当前迭代项的数组索引或对象属性名*/){
// 代码块
} )
triggerHandler 与 trigger
trigger() 主要针对的是自定义的事件，因为它不同于系统的对象是可以传递参数进去的
可以传递参数
$('p').on( 'myEvent',function( event,name,age ){
for(var i=0; i<10; i++){
$(''+name+'::::'+age+'
').appendTo( $('.wrap') );
}
}).trigger( 'myEvent',['jack',23412]);
triggerHandler()跟trigger的区别：
它不会引起事件（比如表单提交）的默认行为
.trigger() 会操作 jQuery 对象匹配的所有元素，而 .triggerHandler() 只影响第一个匹配元素。
由 .triggerHandler() 创建的事件不会在 DOM 树中冒泡；如果目标元素不直接处理它们，则不会发生任何事情。
DOM操作技巧
* 通过$()转换成jquery对象。
* 同一函数实现set和get:
$(”#msg”).html();//返回id为msg的元素节点的html内容。
$(”#msg”).html(”new content”);
//将“new content” 作为html串写入id为msg的元素节点内容中,页面显示粗体的new content
$(”#msg”).text();//返回id为msg的元素节点的文本内容。
$(”#msg”).text(”new content”);
//将“new content” 作为普通文本串写入id为msg的元素节点内容中,页面显示new content
$(”#msg”).height();//返回id为msg的元素的高度
$(”#msg”).height(”300″);//将id为msg的元素的高度设为300
$(”#msg”).width();//返回id为msg的元素的宽度
$(”#msg”).width(”300″);//将id为msg的元素的宽度设为300
$(”input”).val(”);//返回表单输入框的value值
$(”input”).val(”test”);//将表单输入框的value值设为test
$(”#msg”).click();//触发id为msg的元素的单击事件
$(”#msg”).click(fn);//为id为msg的元素单击事件添加函数
* 集合处理功能
//为索引分别为0，1，2的p元素分别设定不同的字体颜色。
$(”p”).each(function(i){this.style.color=['#f00','#0f0','#00f'][ i ]})
//实现表格的隔行换色效果
$(”tr”).each(function(i){this.style.backgroundColor=['#ccc','#fff'][i%2]})
* jQ链:一条语句中运行多个 jQuery 方法（在相同的元素上）。
$("#p1").css("color","red")
.slideUp(2000)
.slideDown(2000);
* 操作元素的样式
$(”#msg”).css(”background”);//返回元素的背景颜色
$(”#msg”).css(”background”,”#ccc”)//设定元素背景为灰色
$(”#msg”).height(300); $(”#msg”).width(”200″);//设定宽高
$(”#msg”).css({ color: “red”,background: “blue” });//以名值对的形式设定样式
$(”#msg”).toggleClass(”select”);//如果存在（不存在）就删除（添加）名称为select的class
// slideToggle()<a href="https://www.jb51.cc/tag/fangfa/" target="_blank" class="keywords">方法</a><a href="https://www.jb51.cc/tag/baokuo/" target="_blank" class="keywords">包括</a>了slideDown()和slideUp<a href="https://www.jb51.cc/tag/fangfa/" target="_blank" class="keywords">方法</a>
$("#the_teacher").click(function(){
$("#tt_option").stop(true,true).slideToggle();
});
- $.extend
//合并settings和options，并将合并结果返回settings中,options会被保留
$.extend(settings,options)：用一个或多个其他对象来扩展一个对象，返回这个被扩展的对象。这是jquery实现的继承方式
-
conlose技巧:
输出JSON在console :
console.log(JSON.stringify(category,null,4));
原文链接：https://www.f2er.com/js/420083.html