作者lastoct (lastoct)
看板Web_Design
标题Re: [问题] CSS中的JavaScript
时间Sat Apr 7 00:57:47 2007
※ 引述《StarTouching (抚星)》之铭言：
: 大家都知道JavaScript可以控制CSS(obj.style),
: 可是我有个问题, CSS能不能控制JavaScript的事件处理器?
: 例如所有<button>标签都要有 onClick="myFunc(this);"
: 有没有办法用css做到? 就像用css设定一般的标签属性一样?
: ---
: 我的幻想:
: button{
: event:onclick('myFunc(this)');
: }
: 或者
: button{
: event.onclick:myFunc(this);
: event.ondbclick:none;
: }
推荐一个library还不错,jQuery
http://jquery.com/
虽然名气没有Prototype大,不过发展的质量非常的好
使用就是如一般Lib的载入就可以，应该也有些中文资料可以参考
上述的需求范例:
<input type="button" class="fun1" value="按钮1"/>
<input type="button" calss="fun1" value="按钮2"/>
<script>
jQuery("input.fun1").click(function(){myFunc(this)});
</script>
这边是API参考
http://jquery.bassistance.de/api-browser/#cssString
几个特色:
1.支援XPath与CSS-Selector
jQuery("input.fun1") - 找出input中类别为fun1
jQuery(".fun1") - 找出DOM中所有类别为fun1的元素
jQuery("div:hiden")
jQuery("p:first")
jQuery("#foo:first-child") - 找出ID为Foo的第一个子元素
<div id="foo"><span>child element</span></div> - 回传<span>...</span>
2.支援chian
jQuery(".fun1").click(function(){alert('clickme');})
.mouseover(function(){jQuery(this).css({color: "red"})})
.addClass("fun2");
3.实作Ajax引擎
4.有一些简单的effect,例如hide/show/fadeIn/toggle
5.有许多使用者贡献实用的Plugin
可能有点离题,也有些复杂; 不过对如果常写Javascript的人可以参考参考
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 211.72.111.115