jQquery是一个优秀的Javascrīpt框架,将javascript的复杂的dom编程简单化,条理化,兼容化。大家都知道在主流浏览器去中(IE,Chrome,FireFox)javascript存在很大的兼容问题,所以如果遇到一个兼容问题的话,你需要把所有的浏览器考虑在内,这样加重了编程了负担,使前台编程复杂化,但是jQuery可以解决很多类似的问题,但是今天遇到了一个jQuery兼容的问题,所以把源码公布出来,供大家参考。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="js/jquery-1.9.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("input[name=rj]").click(function () {
$(this).css("backgroundColor", "Blue");
$(this).siblings().css("backgroundColor", "inherit");
}); //IE,Chrome不兼容
});
</script>
</head>
<body>
<input id="Radio1" type="radio" name="rj"/>计算机<br/>
<input id="Radio2" type="radio" name="rj"/>英语<br/>
<input id="Radio3" type="radio" name="rj"/>日语<br/>
<input id="Radio4" type="radio" name="rj"/>法语<br/>
<input id="Radio5" type="radio" name="rj"/>俄语<br/>
<input id="Radio6" type="radio" name="rj"/>德语<br/>
<input id="Radio7" type="radio" name="rj"/>西班牙语<br/>
</body>
</html>