用jquery打印九九乘法表，并且能被二整除的数字变色
日期：2014-05-16 浏览次数：20359 次
用jquery打印九九乘法表，并且能被2整除的数字变色
想用jquery 打印九九乘法表而不用DOM，并且能被2整除的数字变成红色
不知道怎么样把他截取字符串，改变样式
<html>
<head>
<meta http-equiv="Content-Type" content="textml; charset=GB232"/>
<title>无标题文档</title>
<script type="text/javascript" src="C:/Users/Administrator/Desktop/web/html文件/jquery.js"></script>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
//九九乘法表
function jiujiu_table()
{
var arr = new Array()
for(var i=0;i<9;i++)
{
arr [i]=new Array()
}
for(var i=1;i<=9;i++)
{
for(var j=1;j<=i;j++)
{
arr[i-1][j-1]=i+"*"+j+"="+i*j
}
}
return arr
}
function show_table()
{
$(function(){
var array_Num=jiujiu_table()
document.write("<table cellpadding=10>" )
for(arr1 in array_Num)
{
document.write("<tr>")
for(arr2 in array_Num[arr1])
{
document.write("<td name='red'>")
document.write(array_Num[arr1][arr2])
document.write("</td>")
}
document.write("</tr >")
document.write("<br/>")
}
document.write("</table >" )
//document.write("<input type='button' value='变色' onclick='show_button();return false;'>")
}
)
}
function show_button()
{
var num =$("red");
for(var i=0;i<num.length;++i)
if((num[i].substr(4))%2==0)
num[i].css({"banckground-color":"red"});
/*
var list = document.getElementsByName("red")
for( i=0;i<list.length;i++ )
{
list[i].setAttribute("style","color:red")
}*/
}
</script>
</head>
<body >
<button type="button" value="变色" onclick="show_botton()">
</body>
</html>
------解决方案--------------------
<script type="text/javascript">
for(var i=1;i<=9;i++){
for(var j=1;j<=i;j++){
if(i*j%2==0){
document.write("<font color=red>"+j+"*"+i+"="+(j*i)+"</font>\t");
}else{
document.write(j+"*"+i+"="+(j*i)+"\t");
}
}
document.write("<br/>");
}
</script>
这样试试
------解决方案--------------------
想用jquery 打印九九乘法表而不用DOM，并且能被2整除的数字变成红色
不知道怎么样把他截取字符串，改变样式
<html>
<head>
<meta http-equiv="Content-Type" content="textml; charset=GB232"/>
<title>无标题文档</title>
<script type="text/javascript" src="C:/Users/Administrator/Desktop/web/html文件/jquery.js"></script>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
//九九乘法表
function jiujiu_table()
{
var arr = new Array()
for(var i=0;i<9;i++)
{
arr [i]=new Array()
}
for(var i=1;i<=9;i++)
{
for(var j=1;j<=i;j++)
{
arr[i-1][j-1]=i+"*"+j+"="+i*j
}
}
return arr
}
function show_table()
{
$(function(){
var array_Num=jiujiu_table()
document.write("<table cellpadding=10>" )
for(arr1 in array_Num)
{
document.write("<tr>")
for(arr2 in array_Num[arr1])
{
document.write("<td name='red'>")
document.write(array_Num[arr1][arr2])
document.write("</td>")
}
document.write("</tr >")
document.write("<br/>")
}
document.write("</table >" )
//document.write("<input type='button' value='变色' onclick='show_button();return false;'>")
}
)
}
function show_button()
{
var num =$("red");
for(var i=0;i<num.length;++i)
if((num[i].substr(4))%2==0)
num[i].css({"banckground-color":"red"});
/*
var list = document.getElementsByName("red")
for( i=0;i<list.length;i++ )
{
list[i].setAttribute("style","color:red")
}*/
}
</script>
</head>
<body >
<button type="button" value="变色" onclick="show_botton()">
</body>
</html>
------解决方案--------------------
<script type="text/javascript">
for(var i=1;i<=9;i++){
for(var j=1;j<=i;j++){
if(i*j%2==0){
document.write("<font color=red>"+j+"*"+i+"="+(j*i)+"</font>\t");
}else{
document.write(j+"*"+i+"="+(j*i)+"\t");
}
}
document.write("<br/>");
}
</script>
这样试试
------解决方案--------------------
- JScript code
$("td").each( function() {
if (parseInt($(this).html()) % 2 == 0) $(this).css("color", "red");
});
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
