网络编程 
首页 > 网络编程 > 浏览文章

JQuery学习总结【二】

(编辑:jimmy 日期: 2024/11/18 浏览:3 次 )

一:JQuery知识点

*:JQuery的dom操作

JQuery学习总结【二】

*:动态创建dom节点

比如动态创建表格等,在js里面进行完成。

JQuery学习总结【二】

*删除节点

JQuery学习总结【二】

这里面的删除就是将其放在了一个地方,并不是真的删除,之后可以使用。

*:document方法

1:.val()可以获取到文本框里面的值,若括号里面有值则直接为赋值。

Eg:加法计算器

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
 <meta charset="utf-8" />
 <title></title>
 <script src="/UploadFiles/2021-04-02/jquery-1.4.2-vsdoc.js">

JQuery学习总结【二】

2:可以通过attr属性来进行隐藏。

3:在jq里面通过下面的这种形式

(function());这是把一个(function());这是把一个()是让其在ready的时候执行,若是没有这个就是定义了一个方法。

Eg:阅读说明书

JQuery学习总结【二】

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
 <meta charset="utf-8" />
 <title></title>
 <script src="/UploadFiles/2021-04-02/jquery-1.4.2-vsdoc.js">

Eg:无刷新评论

JQuery学习总结【二】

JQuery学习总结【二】

Eg::文本颜色变化

JQuery学习总结【二】

代码:

JQuery学习总结【二】

JQuery学习总结【二】

Eg:

JQuery学习总结【二】

代码:

JQuery学习总结【二】

JQuery学习总结【二】

*:节点替换

JQuery学习总结【二】

*:样式的操作

JQuery学习总结【二】

*:练习代码

选中的高亮显示,里面就是有如何在jq里面添加css样式。

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
 <meta charset="utf-8" />
 <title></title>
 <script src="/UploadFiles/2021-04-02/jquery-1.4.2-vsdoc.js">

*取的RadioButton操作

JQuery学习总结【二】

*:实例 [全选和反选]

01:这里主要的就是将以前学习到的知识,得以回顾,这样子好记忆。

JQuery学习总结【二】

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
 <meta charset="utf-8" />
 <title></title>
 <script src="/UploadFiles/2021-04-02/jquery-1.4.2-vsdoc.js">

*:事件

   *:jquery里面的click事件就是封装的bind函数,代表点击事件,

   *:hover函数,这里就是监听鼠标的事件。

JQuery学习总结【二】

*:超链接的禁用

<script type="text/javascript">
 $(function() {
 $("a").click(function (e) {
 alert("今天Link不行了");
 e.preventDefault(0); //表示禁用了链接
 });
 });
 </script>
<a href="Hover.html">Link</a>

*:Cookic

定义:它是保存在浏览器上的内容,用户在这次浏览页面向Cookic中保存文本内容,下次在访问的时候就可以取出上次保存的内容,这样子就得到了上次“记忆”内容。Cookic就是存储在浏览器里面的数据。<可以禁用>

特征:

  1:它和域名相关的

《baidu.com的Cookic和taobao.com的Cookic是不一样的。》

  2: 域名写入Cookic的总尺寸是有限制的。几千字节

  3:Cookic不一定可以读取出来,用户可以清除掉了。同时可以被禁用。

以上就是本文的全部内容,希望对大家有所帮助,有兴趣的可以看下上篇JQuery学习总结【一】。同时也希望多多支持!

上一篇:jQuery中ajax错误调试分析
下一篇:Vue.js第二天学习笔记(vue-router)