美文网首页
(17.04.25)jq操作属性、dom -----!!!???

(17.04.25)jq操作属性、dom -----!!!???

作者: 张不困_ | 来源:发表于2017-11-04 22:35 被阅读0次

复习

jq:
    $(function(){
        ///
    })

    选择器:

        $('#box1')
        $('.box')
        $('div')

        $('#box1 .box div')

    特殊:
        div:has(p)
        div:contains(内容)

    属性选择:
        input[type=button]:

    伪类:
        $('li:first')

------------------------------------------------
修改css样式

    设置一个样式:
        $('div').css('color','red');
    设置一组样式:
        $('div').css({width:'100px',height:'100px'});
    设置class:
        $('div').addClass('active');

    删除class:
        removeClass


    运动版本:

        $('div').stop().animate({width:'100px',height:'100px'},1000,function(){
            执行完第一个函数,再执行此函数
        })
--------------------------------------------------- 

标签内容:
    
    普通:html();
    表单:val();

jq里面操作属性的方法:
    设置属性:
        设置一个:
        $(this).attr('src','img/pic2.jpg');
        设置一组:
        $(this).attr({src:'img/pic2.jpg',title:'不好看的图',id:'aaa'});
    获取属性:
        alert($(this).attr('title'));
    删除属性:
        $(this).removeAttr('src');


dom操作!

创建
添加
$('<h2>h2h22h2h2h2h2h2</h2>').appendTo('#box');

$('<h2>h2h22h2h2h2h2h2</h2>')---创建元素!

.appendTo('#box')---添加(默认#box子级的最后面)
.appendTo(父级)---父级内部后面!
.prependTo(父级)---父级内部前面!
.insertBefore('#box')----父级外部前面!
.insertAfter('#box')----父级外部后面!

删除 ---remove

$(要删除的元素).remove();---想删除谁,就给谁remove'

$(this).parent().remove();

当前的父级,删除掉!


简易留言:
1.点击默认有的留言删除不了
2.留言以后,默认的就可以删除
3.把删除代码放在外面,默认的可以删除了,但是创建的删除不了

解决:里外都写上!

相关文章

  • (17.04.25)jq操作属性、dom -----!!!???

    复习 jq里面操作属性的方法:    设置属性:        设置一个:        $(this).attr...

  • jQuery相关API总结

    JQ操作DOM属性节点相关方法(包含类的操作) 属性节点就是指dom元素的属性 一般如果是标签自身自带的属性,我们...

  • jQuery语法和常用函数总结

    jQ对象是对DOM对象进行包装后产生的对象,DOM对象和jQ对象中的方法和属性不可互用jQuery对象与DOM对象...

  • JQ随笔

    JQ DOM操作 var div=$("

    ")//创建新标签 ...

  • jq属性操作

    获取属性 attr('title','22') 移除属性 单属性的执行跟解除,布尔类型 回调函数

  • JavaScript和jquery使用笔记

    设置属性 单个属性 多个属性 删除属性 监听下拉框切换事件 jq遍历的时候想着使用.html()弹出所选DOM节点...

  • JQuery---dom相关节点操作

    dom相关节点操作 /* DOM操作管理 属性...

  • Vue 基础篇

    Vue 基础篇 一、框架与库的区别 JQ库->DOM(DOM操作) + Ajax请求 art-template库-...

  • vue 2x源码分析(三)---虚拟dom

    以前用jq,我们都是直接操作dom,为什么要使用虚拟dom,虚拟dom的优势是什么,虚拟dom是如何实现的,vue...

  • 「DOM 编程」属性操作

    属性操作HTML 属性与 DOM 属性的对应属性操作方式Property AccessorgetAttribute...

网友评论

      本文标题:(17.04.25)jq操作属性、dom -----!!!???

      本文链接:https://www.haomeiwen.com/subject/bubqmxtx.html