js onclick 传递 this对象 +html自定义属性 data-*

<button type="button" class="btn btn-default" onclick="searchBycategory(this)" data-category='男装'>男装</button>

在这里this指触发事件的对象

data-category html5自定义属性

alert($(obj).attr("data-category"));     男装

可以去读一下HTML5的详细规范，但这个自定义data属性的用法非常的简单，就是你可以往HTML标签上添加任意以 

"data-"

开头的属性，这些属性页面上是不显示的，它不会影响到你的页面布局和风格，但它却是可读可写的

可是，怎么来读取这些数据呢？你当然可以遍历页面元素来读取你想要的属性，但jquery已经内置了方法来操作这些属性。使用jQuery的.data()方法来访问这些

"data-*"

属性。其中一个方法就是

 .data(obj)

，这个方法是在 jQuery1.4.3版本后出现的，它能返回相应的data属性。

obj.data(category).