JQuery01

初学JQuery

学习JQ有不足的地方希望看我的学习伙伴提出来一起学习进步，谢谢

我的第一个入门JQ程序就是DIV盒子变色

不多说让我们来看代码

使用的是原生JS和JQ进行做对比

原生获取值以及元素下标
var div = document.getElementsByTagName("div");
            var one = document.getElementsByClassName("one");
            var two = document.getElementById("two");
        // 操作css
            div[0].style.backgroundColor = "red";
            one[0].style.backgroundColor = "yellow";
            two.style.backgroundColor = "blue";



<body>
        
        <div></div>
        <div class="one"></div>
        <div id="two"></div>
        
    </body>

献上JQ代码

$(function(){
        $('div').eq(0).css('background','red');
        $('.one').eq(0).css('background','yellow');
        $('#two').eq(0).css('background','blue');

第二张方式
$(document).ready(function(){
                $("div").eq(0).css('background','pink');
                $(".one").eq(0).css('background','yellow');
                $("#two").eq().css('background',"blue");
            });

相信你和我一样爱上了JQ了吧，但JS还是不要忘记哦，多多练习

我的第二程序打印九九乘法表

这个我相信有其他语言基础的做这个不难前提不是小白

for (var i=1;i<=9;i++){
 			for(var j=1;j<=i;j++){
  				document.write(i+"*"+j+"="+i*j+"     ")
  				//让我想想怎么打印出体形
  		}
 			document.write("<br>"+"<br>")

　　再次我也做了一些对于for循环的练习

例如：求素数求和

//求素数
				for(var i=0;i<100;i++){
					if(i%2==0){
						document.write(i,"<br/>");
					}
				}

//求和
var sum = 0;
        for(var i=1;i<=100;i++){
            sum+=i;
        }

猜你喜欢