JQuery是用JS编写的程序,使用起来比JS更为简单,使用前需引入一个JQurey文件,下面为JQurey语法

<script type="text/javascript">
$(document).ready(function(e) {
    //根据ID找元素,找出JQUERY对象,如需找DOM对象,则取索引为0
    var ja = $("#aa");     // 根据id找
    var jb = $(".bb");       //根据class找
    var jc = $("input[bs=dd]");   //根据属性找
    var di = $("div");       //根据标签名找
    
    for(var i=0;i<jb.length;i++)   //循环遍历找
    {
        jb.eq(i);     //取jb里面的第几个JQUERY对象
    }
    
    //操作内容
    //1.非表单元素
    ja.text();  ja.text("aa");
    ja.html();  ja.html("vv");
    //2.表单元素
    jc.val();     //取jc里面的值
    
    
    //操作属性
    ja.attr("bs","bb");   //添加属性
    ja.attr("bs");    //查找属性
    ja.removeAttr("bs");    //移除属性
    
    //操作样式
    ja.css("background-color","#0F3");
    
    //给一个元素加事件
    $("#aa").click(function (){
        
        alert("aa");
        })
       //给多个元素加事件
    $(".bb").click(function(){
        
        alert($(this).text());
        
        })
        
    //给多个元素设置相同样式(属性)
    $(".bb").css("color","pink");
    
    
});

</script>

 

相关文章:

  • 2021-12-30
  • 2021-10-01
  • 2022-12-23
  • 2021-11-08
  • 2022-12-23
  • 2022-01-05
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-02-08
  • 2022-12-23
  • 2021-07-31
  • 2021-06-14
  • 2021-06-07
  • 2021-12-09
  • 2021-06-12
相关资源
相似解决方案