<!-- 复制到页面试试效果吧，可以随意自定义样式 -->
<span >
<select>
<option>自定义SELECT边框样式</option>
<option>222</option>
<option>333</option>
</select>
</span>
最简单的调色盘
复制代码 代码如下:
<!-- JS来提取其value值即可给任意对象设置任意颜色哦 -->
<input type=color />
函数、对象 is 数组？
复制代码 代码如下:
var anObject = {}; //一个对象
anObject.aProperty = “Property of object”; //对象的一个属性
anObject.aMethod = function(){alert(“Method of object”)}; //对象的一个方法
//主要看下面：
alert(anObject[“aProperty”]); //可以将对象当数组以属性名作为下标来访问属性
anObject[“aMethod”](); //可以将对象当数组以方法名作为下标来调用方法
for( var s in anObject) //遍历对象的所有属性和方法进行迭代化处理
alert(s + ” is a ” + typeof(anObject[s]));
// 同样对于function类型的对象也是一样：
var aFunction = function() {}; //一个函数
aFunction.aProperty = “Property of function”; //函数的一个属性
aFunction.aMethod = function(){alert(“Method of function”)}; //函数的一个方法
//主要看下面：
alert(aFunction[“aProperty”]); //可以将函数当数组以属性名作为下标来访问属性
aFunction[“aMethod”](); //可以将函数当数组以方法名作为下标来调用方法
for( var s in aFunction) //遍历函数的所有属性和方法进行迭代化处理
alert(s + ” is a ” + typeof(aFunction[s]));
复制代码 代码如下:
/**
* 是的，对象和函数可以象数组一样，用属性名或方法名作为下标来访问并处理。
* 那么，它到底应该算是数组呢，还是算对象？我们知道，数组应该算是线性数据结构，线性数据结构一般有一定的规律，适合进行统一的批量迭代操作等，有点像波。
* 而对象是离散数据结构，适合描述分散的和个性化的东西，有点像粒子。
* 因此，我们也可以这样问：JavaScript 里的对象到底是波还是粒子？如果存在对象量子论，那么答案一定是：波粒二象性！
* 因此，JavaScript里的函数和对象既有对象的特征也有数组的特征。这里的数组被称为“字典”，一种可以任意伸缩的名称值对儿的集合。其实， object和function的内部实现就是一个字典结构，但这种字典结构却通过严谨而精巧的语法表现出了丰富的外观。正如量子力学在一些地方用粒子来 解释和处理问题，而在另一些地方却用波来解释和处理问题。你也可以在需要的时候，自由选择用对象还是数组来解释和处理问题。只要善于把握 JavaScript 的这些奇妙特性，就可以编写出很多简洁而强大的代码来。
*/
点击空白处能触发某一元素关闭/隐藏
复制代码 代码如下:
/**
* 有时候页面有个下拉菜单或者什么的效果，需要用户点击空白处或者点击其他元素时将其隐藏
* 可用一个全局document点击事件来触发
* @param {Object} "目标对象"
*/
$(document).click(function(e){
$("目标对象").hide();
});
/**
* 但是有一个缺点就是当你点击该元素又想让他显示
* 如果你不及时阻止事件冒泡至全局出发document对象点击时，上面方法就会执行
*/
$("目标对象").click(function(event){
event = event || window.event;
event.stopPropagation(); // 当点击目标对象时，及时阻止事件冒泡
$("目标对象").toggle();
});
以上都是个人整理的一些常用的javascript小方法，记录下来方便自己开发时直接拿来使用，这里也推荐给有需要的小伙伴。
您可能感兴趣的文章: