• Jquery


    使用时jquery先引进jquery文件包

    <script src="jquery-1.11.2.min.js"></script>

    一个页面有多个文件jquery要放在最前面

    jquery
     $代表选择器
     
     JS
         选取元素
         操作内容
        操作属性
        操作样式

    //页面加载完成事件 完成之后走function
    $(document).ready(function(e) {
       
       //页面加载完成之后执行
    
      <div id="aa" style=""></div>
        <div class="aa">222</div>
        <span class="aa">333</span>
        <input type="text" name="uid" />
        <input type="checkbox" name="" />
     1 JS
     2         找元素 ,DOM对象
     3             document.getElementById("aa")
     4             
     5             document.getElementsByClassName("aa")
     6             alert(a[1])
     7             
     8             var a = document.getElementsByTagName("div");
     9              
    10              var A  =  document.getElementsByName("uid");
    操作内容
                a.innerHTML//操作元素里面的html代码
                a.innerTEXT//操作元素里面的文本
                
                a.value//操作白表单元素的值
                
               操作属性
               a.setAttribute("",""); //设置
            a.removeAttribute(""); //移除

            a.getAttribute(""); //获取
                
                //操作样式
                a.style.backgroudColor = "red";
        jquery
            找元素,jquery对象    
                var b = $("#aa")
                alert(b[0]);// 根据iD找    把jquer转成dom对象 加个索引[0]
                
                var b =$(".aa");
                alert(b[1]);//只要加索引找到的是dom对象
                alert(b.eq(0))//加eq找jquery 代表取第一个jquery对象
        
                 var b  = $("div")//根据标签名找
                alert(b[0]);
                
                var b = $("[name = 'uid']");//根据属性找对象
                alert(b[0]);
                
                操作内容
                    非表单元素
                    alert b.html("<span style="color"></span>");//操作元素里面的HTML代码 
                    b.text();//操作元素里面的文本
                    
                    表单元素
                    b.val("hello");
                    
                    操作属性
                        设置属性
                        b.attr("bs","test");
                        
                        获取属性
                        alert(b.attr("aa"));
                        
                        移除属性
                        b.removeAttr("aa");
                        
                        b.prop("checked",true);//复选框单选,
                    
                    操作样式 jquer可以获取内嵌的样式
                    b.css("background-color","#F00");
                    alert(b.css("width"));//获取样式
                    alert(b.css("background-color"));
                    
                    
                    
    });
  • 相关阅读:
    企业——给Zabbix部署onealert云告警平台
    企业——使用API在Zabbix监控中实现查看、创建、删除监控主机的功能
    企业——监控平台Zabbix的安装
    企业——Redis的高可用的搭建
    企业——Redis的主从复制的搭建
    企业——MYSQL异步复制、半同步复制、全同步复制
    企业——memcache对PHP页面的缓存加速优化
    企业——HAproxy实现负载均衡及其常见配置
    企业——LVS 负载均衡的八种调度算法
    PHP微信公众号开发之自动回复
  • 原文地址:https://www.cnblogs.com/gdbaby/p/6244076.html
Copyright © 2020-2023  润新知