jQuery

jQuery
    基本选择器
        元素选择器——$("p")
        #id 选择器——$("#test")
        .class 选择器——$(".test")
    操作CSS
        addClass()——向被选元素添加一个或多个类

实例:向center3类添加bian类

        


        removeClass()——从被选元素删除一个或多个类

实例:向center3类删除bian类


        toggleClass()——对被选元素进行添加/删除的切换动作

实例:使用 toggleClass() 方法来切换元素的 class


        css()——设置或返回样式属性

实例:给P标签设置背景颜色


    hover()方法
        hover()方法规定当鼠标指针悬停在被选元素上时要运行两个函数方法触发mouseenter 和mouseleave事件


    click()方法
        单击元素时发生click事件


    设置内容和属性
        text()设置返回所选元素的文本内容
        html()设置或返回所选元素的内容(包括HTML标记)
        val()设置或返回表单字段的值

设置返回所选元素的文本内容:

设置或返回所选元素的内容(包括HTML标记):

设置或返回表单字段的值:


        attr()设置/改变属性
    jQuery添加元素
        append()在被选元素的结尾插入内容(仍在元素内)
        prepend()在被选元素开头插入内容(仍在元素内)
        after()在被选元素后插入内容
        before()在被选元素前插入内容

 

 

 

 

 


    jQuery删除元素
        remover()删除被选元素(即其子元素)
        empty()从被选元素中删除子元素


    筛选
        过滤
            eq()获取第N个元素

实例:通过为 index 为 2 的 div 添加适当的类,将其变为蓝色:


            first()获取第一个元素
            last()获取匹配的最后个元素
            hasClass(class)——检查当前的元素是否含有某个特定的类,如果有,则返回true。
        查找
            parent()取得一个包含着所有匹配元素的唯一父元素的元素集合。
            parents()取得一个包含着所有匹配元素的祖先元素的元素集合
            prev()用于筛选前一个同辈元素的表达式
            next()这个函数只返回后面那个紧邻的同辈元素
        文档处理
            append()这个操作与对指定的元素执行appendChild方法,将它们添加到文档中的情况类似。
    jQuery对象访问
        each(function(){})遍历return false;跳出循环
        size()jQuery 对象中元素的个数。
        parseInt()强转为int型
    jQuery focus()、blur()方法
        focus()当元素获得焦点时,发生focus事件当通过鼠标点击选中元素或通过tap键定位到元素时,该元素就会获得焦点
        blur()当元素失去焦点时,发生blur事件 blur()方法触发blur事件,或规定当发生blur事件时运行的函数


    获取当前文本框的默认值

 

 


        input输入框,我们使用this.defaultvalue设置默认值 
    事件
        click()点击事件
        change()触发每个匹配元素的change事件当元素的值发生改变时,会发生 change 事件。
        keyup()触发每一个匹配元素的keyup事件keyup事件会在按键释放时触发
    DOM操作
        创建元素$("<li title="111" >阴阳师</li>")
        插入节点$("h3").append("<b>我不喜欢玩游戏</b>")
        删除节点$("ol li").eq(1).remove()
    插件步骤
        1、引用(js  css)
        2、特定css    添加
        3、需要用插件的地方的元素(div)  绑定元素和插件的关系
        4、插件的启动函数(插件效果运行起来)

1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值