博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Jquery 事件 DOM操作
阅读量:4678 次
发布时间:2019-06-09

本文共 1190 字,大约阅读时间需要 3 分钟。

常规事件:

  把JS的事件  on去掉即可 

  例如:js    document.getElementById("id").onclinck=function(){}

          Jquery  $("#id").click(function(){  事件发生的事});

复合事件

    hover(function(){}   ,   function(){})     移入移出事件

    toggle(function(){} , function(){}  ....)可以有无数个function   点击循环 事件    点击一次发生第一个function方法  再点击 就发生第二个方法  

未来元素   就是操作创建之后的元素(例如 创建div  或者select的option)

创建之后的元素.live("事件名",function(){});

 

冒泡事件

阻止冒泡事件  return false

 

 

DOM操作

操作属性

获取     $("选择器").attr("属性名");

设置    $("选择器").attr("属性名", "值");

删除   $("选择器").removeAttr("属性名");

 

操作样式

 获取   $("选择器").css("样式名");

设置     $("选择器").css("样式名","值");

 

操作样式表

 添加     $("选择器").addclass("class名")

移出      $("选择器").remove("class名")

添加移出  交替  $("选择器"). toggleclass("class名")

 

 

操作内容

表单元素

取值        $("选择器").val()

赋值        $("选择器").val("值")

非标单元素

取值        $("选择器").text()

               $("选择器").html()

赋值          $("选择器").text("值")

               $("选择器").html("值")

 

操作相关元素

父辈    $("选择器").parent()

前辈    $("选择器").parents("前辈的选择器")     针对带有class 的选择器

 

后代    $("选择器").children()

子代    $("选择器").find(选择器)

 

哥哥     .prev()     没有以前  空格代表一个   这里不用空格代表

           .prevAll(选择器)

弟弟     .next()

           .nextAll(选择器)

 

操作元素

新建         $("html 字符串")

例如:   $("#div1").append( $( " <div class='div2'> </div>  ") );  

添加    .append(Jquery对象)

下部评级添加   相当于添加弟弟级     after(对象)

上部级添加       before(对象)

 

 移出/清空元素      .empty();

                       .remove();

赋值     .clone()

转载于:https://www.cnblogs.com/zhangwei99com/p/6959478.html

你可能感兴趣的文章
Mininet
查看>>
COSC2531 Programming Fundamentals
查看>>
设计模式系列 - 访问者模式
查看>>
20180507小测
查看>>
eclipse左侧不见
查看>>
python会缓存小的整数和短小的字符
查看>>
格网与四叉树索引
查看>>
多张照片拍摄、图片浏览
查看>>
html(5) css
查看>>
Azure Web连接到Azure MySql Db
查看>>
Linux shell 命令判断执行语法 ; , && , ||
查看>>
vim代码格式化插件clang-format
查看>>
What does the dot after dollar sign mean in jQuery when declaring variables?
查看>>
windows registry
查看>>
jquery 动画总结(主要指效果函数)
查看>>
leetcode-17-电话号码的字母组合’
查看>>
Flume 示例
查看>>
Designing for Performance
查看>>
HTML属性的应用
查看>>
HEAP CORRUPTION DETECTED
查看>>