jQuery 获取和设置HTML元素
jQuery 中包含更改和操作 HTML 元素和属性的强大方法。我们可以通过这些方法来获取 HTML 元素中的文本内容、元素内容（例如HTML标签）、属性值等。
text() 方法可以用于设置或获取所选元素的文本内容。
例如我们获取下列 <p> 标签中的文本内容：
在浏览器中演示效果：
除了获取文本内容，text() 还可以用于设置文本内容，我们可以来看一下。
例如通过 text() 将 .content 的文本内容设置为 hello, xkd!：
在浏览器中演示效果：
html() 方法用于设置或返回所选元素的内容（包括HTML标记）。
通过 html() 方法获取 p 元素的内容：
在浏览器中演示效果：
除此之外，我们还可以使用 html() 方法来设置指定元素的内容：
在浏览器中演示效果：
val() 用于设置或返回表单字段的值。该方法大多时候用于 input 元素。
例如获取输入框 input 中的值：
在浏览器中演示效果：
如果要使用 val() 方法设置 value 的值，我们可以像下面这样做：
在浏览器中演示效果：
attr() 方法用于设置或返回被选元素的属性值。
例如下面这个例子：
在浏览器中演示效果：
attr() 方法除了获取元素的属性值，还可以设置元素的属性值，我们来看一下。
将下面 <div> 标签中的 class 属性的值设置为 summer：
在浏览器中演示效果：
链接：https://www.9xkd.com/
php手把手教你做网站（三十八）jquery 转抽奖，开盲盒
抽奖和开盲盒性质一样的都是通过ajax读取后台的随机数据。
图1 转抽奖
图2 转抽奖结果
1、转
本来是想直接绘图实现，但是没有找到怎么填充文字，只好把弄成了背景图，通常用于游戏抽道具，商城积分抽奖，公司年末员工抽奖
- 点击抽奖触发jquery的click事件；
- 通过ajax获取后台的随机数；
- 后台通过mt_rand得到随机奖项（角度），返回给前台；
- 通过jquery改变css transform、transition属性，旋转背景，也就是；
html代码
js代码
说明：
- 因为改变css进行旋转，开始的时候，直接执行了弹窗或者是console.log，这并不符合我们的要求，加入了setTimeout，在旋转完成以后，再给出提示；
- time*1000*(5+result.angle/360) 是总得旋转时间；
后台接口程序
说明：
- 以上概率算法采用的是所有概率求和做分母、出现的概率做分子，如果才有百分比，实现方式是一样的；
- 采用递归，依次判断每一次的起始数字和结束数字，中奖的随机数是否在该范围内，在，就是中得该奖项，否则没中，再判断下一个；
- 最后一个数组元素是不需要判断的，前边的都不是，最后一个一定就是中奖；
- 记录谁获得了什么奖项，应该是在后台返回数据之前，不能是前台弹窗以后通过ajax通知后台中奖信息；
2、随机抽取一个幸运员工
点击开始抽奖，单行文本框循环显示员工，抽奖按钮文字变为停止，点击停止的时候，抽中的员工显示在获奖名单。
图3 随机抽取幸运员工
html代码
js代码
说明：
num = Math.floor(Math.random() * (yuangong.length));
- yuangong.length员工数组长度；
- Math.random() 0到1的小数，包含0，不包含1；
- Math.floor 小数向下取整，可以为0；
综上：num得到的是0到数组下标的随机数。
clearInterval(t)：用于停止t = setTimeout(start, 0);
后台php接口程序
3、随机抽取多个幸运员工
没有想到什么效果，只是单纯地获取了随机数
html代码
js代码
4、在线开盲盒
需要我们点击抽奖的时候通过ajax读取后台获得的盲盒信息，直接显示到前台，前台显示同上边的，都是一样，说一下后台程序。
使用array_rand().随机获取几个数组元素
array_rand($arr,$count).用法
- $arr目标数组；
- $count随机的个数;
返回值是原数组的下标。
如果包含特殊奖项，需要满足抽奖多少次，一定抽中，可以达到抽奖次数以后在array_rand内随机数减一，然后把大奖塞进该次抽奖的返回信息。
array_push($rearr,$a)用法：
- $rearr目标数组；
- $a追加的元素或者是数组
输出结果：
本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com
文章为作者独立观点不代本网立场，未经允许不得转载。
投诉举报&联系我们：
