zoukankan      html  css  js  c++  java
  • PHP JQurey

    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>
  • 相关阅读:
    LNMP状态管理命令
    Gogs基本使用介绍
    初探Asp.net请求机制原理 1
    关于css定位
    JS不同浏览器图片载入处理
    js之队列01
    javascript 快速排序
    JavaScript prototype背后的工作原理
    关于javascrpt if快速判断说明
    js动态加载图片核心代码
  • 原文地址:https://www.cnblogs.com/zk0533/p/5499749.html
Copyright © 2011-2022 走看看