9.12 练习js和jq

来讲讲这一个多星期的感受
从九月一号开始就是开始讲了Javascript,开始还是很自信的,然后也是能理解,慢慢的讲到循环,然后一下就开始做表格,炸金花,贪吃蛇,套用语法属性元素标签,,,,,,脑袋里是又得回忆这些方法怎么用,还要想思路要怎么写,语法怎么用,。。。。。。。。除了懵逼,我是无法表达此时的我了。逻辑对于我来说本来就是不容易的,主要是没有任何思路,不能一下子活学活用,甚至根本不知道怎么下手。真的是心累啊,大家也都是老师讲一遍,再对着代码一遍遍的理解,再去尝试,真的是可能死在一个符号的代码痴,一个星期讲完了js,这周又开始JQ,。。。。。。。。内心真的拒绝,感觉根本都没有熟练用好js现在又开始新写法的jq,,,,,,,,,,真的是赶不上这进度,感觉累死,挤公交都握着手机看看js代码,真的是。。。。。。。。。。。。。。。。。感觉心有余而力不足,心态崩了,对于一个没啥基础的,太心累了。熬吧,兄弟们!

今天写了js的表格,jq研究了半天还是不太对,运行不出来
整理了JQ的写法:
作用 javaQuery
获取ID属性的值 (“# “)  
创建节点
(“# “)  创建节点
(“”)
获取类名为,,的值 (.)  ( “ . “ ) (“[name=’uid’]”);
(div);val()html().on()  ( “ d i v ” ) ; 获 取 有 效 值 v a l ( ) h t m l ( ) 单 机 事 件 . o n ( ) (document).ready(function(){功能语句});
(function()  ( f u n c t i o n ( ) 功 能 语 句 (selector).load(“URL”,data可选,callback可选)
(this/”#id名”/”.类名”/”标签”等)  
    var b=
(this/”#id名”/”.类名”/”标签”等)      var b=
(this/”#id名”/”.类名”/”标签”等)
子节点.parent()
父节点.children()
节点.prev()
节点.next()
(“#id名”).siblings();获取所有的同辈元素 (“#id名”).siblings();获取所有的同辈元素 (“#li1”).closet(“ul”);用于取得最近的匹配元素,首先检查1当前元素是否匹配,匹配直接返回元素
(“#id”).eq(1).append().().();
文本内容 (this/”#id名”/”.类名”/”标签”等).text();  
元素内容(包括HTL 标记)
(this/”#id名”/”.类名”/”标签”等).text();  元素内容(包括HTL 标记)
(this/”#id名”/”.类名”/”标签”等).html();
表单value属性值 (“#id名”).val()  
属性值
(“#id名”).val()  属性值
(“#id名”).attr(“属性”)
获取节点及内容 (selector).html();  ( “ s e l e c t o r ” ) . h t m l ( ) ; 获 取 节 点 内 容 (“selecttor”).text();
获取元素内容 (selecttor).action();i  ( “ s e l e c t t o r ” ) . a c t i o n ( ) ; 获 取 第 i 个 节 点 名 称 及 内 容 (“selector”).get(i);
创建节点 ();  ( “ “ ) ; 在 标 签 中 加 入 内 容 (““).text(“在标签中加入内容!”):
在标签中加入内容 ().html(!):p  ( “ “ ) . h t m l ( “ 在 标 签 中 加 入 内 容 ! ” ) : 在 每 个 p 标 签 开 头 插 入 (“p”).prepend(“

在每个p标签开头插入!

“);
在每个p标签末尾插入 $(“p”).append(“

在每个p标签开头插入!

“);
在末尾插入 $(“id名”).append(“

在末尾插入!

“);
在末尾插入已经复制的p元素(包括各种各样式属性) ("body").append(  ( " b o d y " ) . a p p e n d ( (“p”).clone()):
把每个p元素中的内容替换成“hello world!” $(“p”).text(“Hello world!”);
把每个p元素中的内容替换成“hello world!”保留数量 $(“p”).html(“Hello world!”);
把所有p元素中的内容替换成“hello world!”只剩一个 $(“p”).replaceASII(“Hello world!”);
把每个p元素中的内容及其子节点清空 (p).empty();p,  ( “ p ” ) . e m p t y ( ) ; 把 每 个 p 元 素 中 的 内 容 及 其 子 节 点 清 空 , 但 可 以 再 次 引 用 。 (“p”).detach();
把每个p元素中的内容及其子节点清空,但不可以再次引用。 (p).remove();jqueryjs  ( “ p ” ) . r e m o v e ( ) ; j q u e r y 转 化 为 j s 对 象 (#id名){0] (#id名).get(0)  
js转化为jquery对象   var a = document.getElementById(“id名”):
(#id名).get(0)  js转化为jquery对象   var a = document.getElementById(“id名”):
(a);
隐藏当前元素 (this).hide()  ( t h i s ) . h i d e ( ) 隐 藏 所 有 段 落 (“p”).hide()
隐藏所有class = “test”的段落 (p.test).hide()id=test  ( “ p . t e s t ” ) . h i d e ( ) 隐 藏 所 有 i d = “ t e s t ” 的 元 素 (“#test”).hide()
选取所有的P元素 $(“p”)
选取第一个

元素 $(“p:first”)
选取第一个

  • 元素的第一个
  • 元素 $(“ul li:first”)
    选取每一个
    • 元素的第一个
    • 元素 (ulli:firstchild)href  ( “ u l l i : f i r s t − c h i l d ” ) 选 取 所 有 带 有 ” h r e f ” 属 性 的 元 素 (“[href]”)
      选取所有target属性值等于”_blank”的元素 $(“a[target=’_blank’]”)
      选取所有target属性值不等于”_blank”的元素 (a[target!=  b lank  ])type=button  ( “ a [ t a r g e t ! = b ′ l a n k ′ ] ” ) 选 取 所 有 的 t y p e = ” b u t t o n ” 的 元 素 和 元 素 (“:button”)
      选取偶数位置的元素 (tr:even)  ( “ t r : e v e n ” ) 选 取 奇 数 位 置 的 元 素 (“tr:odd”)

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值