• JQuery教程


    JQuery教程

    1、javaScript库(js文件)

    2、使用:script标签

    3、语法:$开头 $().action() 列如:$(‘div’).css(“color”,’red’);

    4、两个window.onload():后面一个onload会把上一个onload覆盖

    5、$(document).ready(function(){

       

    });    //   $(funcition(){

    简写形式

    });

    6id选择器:$(‘id’);               .html() —相当于innerHTML

       类选择器:$(‘.class’).size(); _—得到类的长度   绑定事件:$(‘class’).clcik(fuction(){})

       元素选择器:$(‘div’);

       *选择器:$(‘.myClass,h1,.myClass p,span’) 得到元素

       child:在给定父元素下面的所有子元素   $(“div > p”) 只选择p元素;    

       兄弟元素:$(“div>p:eq(0)+p”) 得到div下面的所有p元素的第一个元素的下一个元素‘+’:下一个元素 ‘~’:第一个元素的下面所有兄弟元素

       找到第三个元素:$(‘li:first+li+li’);

       找到上一个元素:expr

       匹配奇数:$(‘tr:odd’);

       tr:nth-of-type(2n){

       }  偶数行的背景颜色

       $(‘li:gt(0)’); :大于0的都改变 $(‘li:lt(5)’);:小于5都改变

    JsonjavaScript对象表示法

    1、存储和交换文本信息的语法

    2、创建一个json对象:var person={

    键:值 列如:name:’张三’

    City:{cityname:’成都’}   在对象里面保留一个对象

    Pet:[{name:’猫’,color:’红色’},{name:’狗’}]   保留一个数组

    };

    3、取出json属性:person.name 对象名称.属性

         Person.city.name

         Person.pet[1].name

    文档处理

    创建一个元素:js :document.creatElement(‘p’);

            Jquery : $(‘p’).append(‘<p>p元素之间的内容</p>’);  P元素后面加一个p元素——默认添加在后面

    Append:添加内容在后面 prepend:添加内容在前面

    After:在节点后面添加元素  before:在节点前面添加元素

    Wrap:在外面添加一个更大的元素,包裹起来  

    WrapAll:包裹所有的元素

    Empty:删掉清除所有的子元素

  • 相关阅读:
    企业信息开发平台(5)流程设计(一)
    企业信息开发平台(6)Web表单设计器开源
    Guava的常用方法示例
    apk反编译
    公司注册登记流程
    Git 使用流程
    ZIP压缩和解压字符串
    vue+elementui实现无限级动态菜单树
    vue 开发笔记
    从零到一开发博客后台管理系统(一)
  • 原文地址:https://www.cnblogs.com/z1234/p/5990834.html
Copyright © 2020-2023  润新知