JQuery初学笔记

最新推荐文章于 2022-05-27 10:37:41 发布
最新推荐文章于 2022-05-27 10:37:41 发布
阅读量416 收藏
点赞数
分类专栏： 学习笔记 文章标签： jquery function div class input xhtml
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/love_zt_love/article/details/6453339
版权

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="JQuery选择器.aspx.cs" Inherits="JQuery练习.JQuery选择器" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>JQuery选择器</title>
    <script src="js/jquery-1.5.2.js" type="text/javascript"></script>
    <script type="text/javascript">
        //ID选择器
        $(function () { $("#div1").css("background", "red"); });
        $(function () { alert($("#div1").val()); });
        $(function () { $("#reShow").click(function () { $("#div1").css("background","blue")}); });
        //Name选择器
        $(function () {
            $("p").click(function () { alert("我是P"); })//隐式迭代，给所有选择出来的元素增加click事件
            $("input").click(function () { alert("我是input"); })
        });
        //CSS选择器
        $(function () {
            $(".pStyle").click(function () {//注意  千万不能忘记点
                alert($(this).text());
            });
        });
        //多条件选择器
        //$("p,div,span.menuitem"),同时选择p标签、div标签和拥有menuitem样式的span标签元素
        //注意：选择器表达式中的空格不能多不能小，易错
        //（1）:$("div li")获取div的所有li元素（后代，子，子子代元素）也也是说全部的全速都能获取
        //（2）:$("div > li")获取div下的直接li子元素（也就是说只能获取div下的li，其他的不能得到）注意空格必须有，但不能增加，否则报错
        //（3）:$(".document+ div")获取样式名为menuitem之后的第一个div元素（不常用），样式名前的.不能忘记
        // (4) :$(".munuitem ~ div")获取样式名为menuitem之后所有的div元素(不常用)
    </script>
    <style type="text/css">
        .pStyle
        {
            background:url("images/13.jpg");
        font:23px;
        color:Yellow;
            }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <input type="reset" id="reShow" value="改变颜色" />
        <div id="div1">aaa</div>
        <p class="pStyle">1</p>
        <p class="pStyle">2</p>
        <p class="pStyle">3</p>
        <p class="pStyle">4</p>
        <p class="pStyle">5</p>
        <p class="pStyle">6</p>
        <p class="pStyle">7</p>
        <input  class="pStyle" type="text" value="o my  gard!" id="txtShow"/>

 

        <!--css样式选择器HTML代码-->

    </div>
    </form>
</body>
</html>

馨香紫韵
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JQuery笔记
05-28
相信着是你必不可少的东西 学习怎么可以少了笔记，希望对于初学者能够有帮助
jQuery初学笔记
m0_72552013的博客
08-29 116
关于一些jQuery基础的API
jQuery初学笔记一，美元符号$
weixin_39017846的博客
05-27 572
在html中看到美元符号$就等同于jQuery，所有对$的应用都相当于调取了jQuery。 而jQuery 就是一个 JavaScript 库。只要下载一个压缩的js文件并包含在文件里，就可以使用了,。包含方式如下： <head> <script src="jquery-1.10.2.min.js"></script> </head> 如果不想下载，还可以通过网络引用CDN服务器。Staticfile CDN、百度、又拍云、新浪、谷歌和微软的服务器都存
JQuery初学笔记（一）
程序萌部落
03-08 414
首先 JQuery的基本知识 JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+），jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML（标准通用标记语言下的一个应用）、events、实
jquery初学笔记
weixin_30612769的博客
12-30 48
官方网站：http://jquery.com/ 一个简单的JQuery实例： <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> 　　...
javascript 笔记 适合初学者 jquery chm 资料
09-10
javascript笔记，适合初学者，亲手写的，希望能帮到大家，内附常见正则表达式，jquery的chm，都是平时比较用的到的东西。
jquery 学习笔记
11-25
学习jquery过程总结出的技巧，绝对实用，适用于初学者！！！ 抓紧下啊，资源有限
jquery阅读笔记
01-10
适合初学jquery的童鞋看看，个人整理的笔记
Jquery学习笔记
11-03
JQuery学习笔记，是我开始学习的时候整理的，对于初学者很有帮助！
关于计算机改名后，SQL数据库不能登录问题的解决方法。
馨香紫韵
01-04 9769
由于GHOST的系统，计算机重名，所以我将有数据库的计算机名字改掉了，之后发现登录不成功，网上查了下资料。最终将问题解决。   首先使用Windows身份验证，服务器名称为“.”，进入数据库，在数据库为master中新建查询   输入：select * from sys.sysservers   进行查询可发现数据库中还保留着之前的计算机名   在输入以下进行删除以原计算机名字进行
oracle 实现插入自增列
馨香紫韵
08-27 5674
刚使用oracle,它和sql server 好多地方还是有所不同的，简单的问题，都得从头学起。。。。。。 创建一张表，字段如下： oracle不像sql server 有关键字identity直接可插入数据时自增 ， 实现oracle 自增列第一步，创建一个sequence。 create sequence Tempinfo_seq increment by 1 start wi
Excel判断一列是否重复并将结果写到另一列中
馨香紫韵
09-13 4607
Excel判断一列是否重复并将结果写到另一列中 在第一行的准备写入结果的单元格中写入以下公式： =COUNTIF($A$2:$A$1391,A2)>1 $A$2           表示从列的第二行开始 $A$1391    表示到A 列的第1391行结束 A2                表示对比值是A列2行的单元格的值 返回值：若  有重复则返回True
MD5　32位加密
馨香紫韵
07-16 3938
///         /// MD5　32位加密         ///         /// 待加密的密码字符串         /// 是否返回大写加密后字符串         /// 返回32位加密后的密码字符串         ///         /// 2011.08.30 guojun 创建         ///         public sta
ACTIVE vs2010调用ACTIVE控件报错的处理方法
馨香紫韵
03-13 2978
纠结好几天的问题，终于得以解决，心情很爽。        VS2010C#  调用VB封装的ACTIVE控件 刚开始提示error MSB6006: "aximp.exe" exited with code -1163019603.     阅读了几篇老外的关于这个错误的文章，看的头晕脑涨，总结一下几个方法: 清理后重新生成，这个问题就会没有了，但将ACTIVE拖到界面上时，会出现"未能注册
CKEditor3.6.2和CKFinder2.1 配置方法
馨香紫韵
11-15 2497
项目中需要使用CKEditor控件来进行留言，今晚研究了下。我使用CKEditor3.6.2和CKFinder2.1 现介绍下方法 1、              把CKEditor3.6.2中的ckeditor文件夹（这个文件夹一般在ckeditor_aspnet_3.6.2\_Samples目录下，只要你能找到ckeditor这个文件夹就好办）复制到你的web项目的根目录中，然后引用CKEd
使用事务批量导入数据
馨香紫韵
01-23 1937
///         /// 使用事务和SqlBulkCopy批量导入数据         /// By Serein  2013-12-31         ///         /// 表名         /// 數據集         public string SqlBulkCopyData(string tableName, DataTable dt)      
ASP.NET gridview 內嵌套DataList
馨香紫韵
11-29 1829
AllowPaging="True"                         OnRowDataBound="gdvDetail_RowDataBound" AllowSorting="True"                         CssClass="GridView_all" RowStyle-CssClass="GridView_RowStyle" Altern
datalist gatagrid repeater等控件綁定DataRow[]數據
馨香紫韵
11-22 1505
刚开始以为不可以绑定到datalist gatagrid repeater等控件 原来是不会写 DataRow[] dr=dt.Select(); DataGrid1.DataSource=dr; DataGrid1.DataBind(); 页面得写为 ' Runat=server> 不能写为' Runat=server> 也不能写为
jQuery学习笔记——事件
最新发布
06-08
好的，关于 jQuery 的事件，我可以和你分享一些学习笔记。 1. 绑定事件 在 jQuery 中，我们可以通过以下方式来绑定事件： ``` $(selector).event(function(){ // 事件处理程序 }) ``` 其中，`selector` 表示要...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值