• Jquery


    对于Jquery能做的事情,js都可以做,那为什么要引入jquery呢?

    1.最直观的就是代码的简洁程度

    2.jquery不用担心浏览器的兼容性问题

    3.可以有多个入口函数

    Text和css

    //设置所有div的样式不用显式遍历

    $('div').css('border','1px solid red');//设置和查看样式

    设置多个属性

    $(‘div’).css({

    ‘width’:’300px’,

    ‘height’:’300px’,

    ‘backgroundColor’:’skyBlue’

    })

    $('div').text();//设置和查看文本

    id注意加#$('#id1')

    Jquery对象一般以$为开头

    入口函数写法:

    1.$(function(){

    });

    2.$(document).ready(function(){

    });

    Jquery对象和js对象的方法不能混用但可以相互转换后用

    转换关系

    jsJquery

    jQuery对象=$(dom对象)

    var $divs=$('div');//通过Tagname获取

    divs[0]//Jquery对象

     

    Jqueryjs

    $divs.get(0)//js对象

    $(divs[0])//js对象

    $('body').get(0)//js对象

    驼峰命名

    支持驼峰命名

    例如fontSizebackgroundColorskyBlue等写法

    $(‘div’).css(backgroundColor,’red’);//注意驼峰命名法可以去掉双引号(单引号)也是对的

    基本选择器

     

    交集:以’ . ’作为连接,‘的’

    并集:以’ , ’作为连接

    例如:$(‘ .a,.b’).css(backgroundColor,’red’);//类名为ab的背景色设置为红色

    层级选择器

     

    过滤选择器

     

    筛选选择器

     

    $("p#demo") 选取所有 id="demo" <p> 元素。

    $("p.intro") 选取所有 class="intro" <p> 元素。

     

    jQuery 属性选择器

    jQuery 使用 XPath 表达式来选择带有给定属性的元素。

    $("[href]") 选取所有带有 href 属性的元素。

    $("[href='#']") 选取所有带有 href 值等于 "#" 的元素。

    $("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。

    $("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。

     

     

    不一样的烟火
  • 相关阅读:
    mysql生成百万级数量测试数据
    记2017深圳寻找工作
    好朋友的小姨,希望一起帮助下度过难关,方便的话请帮忙转发一下,谢谢。————————心情记录
    shell变量
    什么是Shell
    Windows环境下的安装gcc
    make
    gdb
    gcc
    数据库编程
  • 原文地址:https://www.cnblogs.com/cstdio1/p/11838025.html
Copyright © 2020-2023  润新知