zoukankan      html  css  js  c++  java
  • 419 JQuery and BootStrap

    把葵花宝典剩下的知识讲完了 又学习了bootstrap

    <link rel="stylesheet" href="css/bootstrap.css">
    <script type="text/javascript" src="js/bootstrap.js"></script>
    <script type="text/javascript" src="js/jquery-3.4.0.min.js"></script>

    三个文件必须要导入 :1: .CSS

    2:bootstrap.js : CSS/HTML框架 前端网页框架 提供

    3:jquery-3.4.0min.js :javascript的一个类库

    js页面简便加载  window.onload=function(){}

    jQuery页面简便加载:$(function(){})

    二者相等 但只能二选一 

    jQuery 葵花宝典    

    js 和 jquery主要的区别 在 dom
    想用jquery 必须先引入(顺序问题)
    先css 在js: 先框架css再自己css 先jquery 在框架 在自己

    找元素:
    js:
    document.getElement[s]By... id tagname name classname
    jquery:
    $(选择器) $(选择器).eq(下标)
    js找到的是js对象 jquery找到的是jquery对象
    相互转 js->jquery $(jsDom)
    jquery->js $('div')[0] $('div').get(0)
    两个对象 jsDom jqDom
    操作内容:
    jsDom.innerHtml = 赋值
    jsDmo.value
    jqDom.html() jqDom.html('赋值')
    jqDom.val() jqDom.val('赋值')
    操作样式
    jsDom.style.color = 赋值 //只能操作行内样式
    jqDmo.css('color'); jqDmo.css('color','red');
    jqDom.removecss('color')
    jqDmo.css({
    'color' : 'red',
    'width' : '100px'
    ...
    });
    操作属性
    jsDom.getAttribute('class');
    jsDom.setAttribute('class','add');
    jsDom.removeAttribute('class');

    jqDom.attr('class');
    jqDom.attr('class','add');
    jqDom.attr({
    'data' : 'add',
    'id' : 'add',
    ...
    });
    jQDom.removeAttr('class')
    jqDom.addclass('del')


    操作事件
    jsDom.onClick = function(){
    this
    }
    jqDom.click(function(){
    $(this)
    });

     
  • 相关阅读:
    python-模块-tkinter
    Linux-命令-基本-反引号``或$()
    Linux-命令-基本-time,ctime,atime
    Linux-命令-基本-find-exec
    Linux-命令-cp,mkdir
    Linux-命令-setup,ifup,ls,cd,touch重定向
    Linux-Buffer和Cache
    给Access数据库文件减肥
    GPT转MBR怎么转?
    Windows XP解决显示桌面图标消失的问题
  • 原文地址:https://www.cnblogs.com/zs0322/p/10737740.html
Copyright © 2011-2022 走看看