火速上手jQuery

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/csdn_xpw/article/details/78194829

背景

  近来在做视频生产相关的工作。工作上的需要,以往的Java技能只能搁置一边,开始捣鼓WebGL、JavaScript等前端技术栈。最近刚好有需求,要自己搭建一个视频生产的工具后台~~

demo长成这样子的

这里写图片描述

demo html

<dl class="sgw_img">

    <dt class=" sgw_img2">

        <div class="fileClassDiv" data-index="0" data-text="">+</div>

        <input class="fileClassInput" type="file" />


        <div class="box">
            <button class="button button5 updateClassBtn">更换</button>
            </br>
            <button class="button button5 deleteClassBtn">删除</button>
        </div>
    </dt>
    <div>
        转 场 :
        <select class="transitionsClass">
            <option value="ButterflyWaveScrawler">Butterf
        </select>
    </div>
    <div> 滤 镜 : <input class="filterClass" type="checkbox" value="gray"> 置灰</input> </div>
    <div> 文 字 : <input class="textClass" type="checkbox" value="text"> 默认文字</input> </div>
</dl>

元素引用

  • $(“#id”) : id对应的element
  • $(“.class”) : class对应的element
  • $(this) : 当前对象

元素追加

$(“#id”).append(“html”);

动态添加的元素追加事件监听

$(document).on("click", classElement, function () {

        console.log(this);
})

删除当前对象对应的HTML

$(this).remove()

当前节点的父节点

$(this).parent()

当前节点的父节点且一级孩子节点class为fileClassDiv的孩子节点

$(this).parent().children(fileClassDiv);

当前节点的父节点且孩子节点class为fileClassDiv的孩子节点(包含子孙节点)

$(this).parent().find(fileClassDiv);

当前节点的上一个节点(同级)

$(this).prev()

当前节点的下一个节点(同级)

$(this).next()

自定义属性值 data-x

<div class="fileClassDiv" data-index="0" data-text="">+</div>
  • 设置index值 : $(“#id”).data(“index”, value);
  • 获取index值 : $(“#id”).data(“index”);

常用HTML组件

Select option
  • 是否选中

$(this).prop(‘checked’);

  • 选中选项值

$(this).val();

展开阅读全文

疑难问题火速求救

09-29

有一个SQLSERVER数据库表rn其中一个子段 content 类型为 varchar 长度 6000rn之后直接在企业管理器中该表界面中往该字段中粘贴一段内容,用len查长度只有500字节左右。但系统提示无法粘贴,说长度超出。请教是什么原因造成的,该怎么解决?这段内容是从一个编码为UTF-8的网页中拷贝而来的。rn很急,搞了一天了,未明白原因,请高手赐教。rnrnrn这段内容的具体地址请访问易趣的以下地址(我没有办法采用拷贝的形式给大家看,必须要从原地址拷贝粘贴才会出现错误提示):rnhttp://pages.ebay.com.cn/buy/guides/-10994/rn直接拷贝以下虚线中的内容,请注意要从以上地址进入后拷贝。rn---------------------------------------------rn脸形的因素 rn rnrnrn方形脸 戴“V”字形的项链加上吊坠或者中至长的项链都可以让脸儿看起来较修长。  rnrn尖形脸 不宜选用“V”字形的项链,因为它重复你脸形的尖线条。而应该选择短的项链及横的条纹,它们可以柔和你的脸形。  rnrn圆脸形 宜佩戴长一些的项链,例如用中型大小的珍珠制成的长项链,可以使脸形看起来更长,也可以使你的脸看上去瘦下来。你还可以试着在项链的下面加上吊坠,效果可能会更好。  rnrn椭圆脸形 椭圆形脸是东方妇女传统的审美标准。这种脸形在首饰的佩戴上,几乎各种款式都能与之相配,同样,各种款式的项链也都适合椭圆形脸的人佩戴。rn--------------------------------------------rn 论坛

没有更多推荐了,返回首页